вставить разрыв строки в конце абзаца

Question

вставить разрыв строки в конце абзаца

0

<div id="insert" contenteditable="true">KATATAY
puyus katatachkan
warmikunapa
</div>

а также

<div id="result"></div>

jQuery все, что остается, это положить разрывы строк

$('#insert').keyup(function(){
    $('#result').html('<span>'+$('#insert').text().split(/\s/).join('</span><span>'));
    $('#result').find( "span" ).addClass('over');
});

Я хочу сделать это. результат должен быть таким

<div id="result">
    <span class="over">KATATAY</span><br>
    <span class="over">puyus</span><span class="over">katatachkan</span><br>
    <span class="over">warmikunapa</span><br>
</div>

AvrilAlejandro 24 май 2014, в 11:38

Источник

1

Является ли #insert должен быть contentEditable элемент?
undefined 24 май 2014, в 09:26
0

Похоже, что в конце параграфа просто не вставлять разрыв строки , фактическое требование намного больше, пожалуйста, отредактируйте заголовок вопроса.
King King 24 май 2014, в 09:29
0

Может, join(' ') ?
adeneo 24 май 2014, в 09:29
0

Неужели всего этого можно избежать, просто используя фактические теги  в HTML?
Paulie_D 24 май 2014, в 11:54

Показать ещё 2 комментария

Теги:

javascript

jquery

css

2 ответа

1

Это должно сделать это:

$('#result').html(function() {
    return $('#insert').text().trim().split(/\n/).map(function(el) {
       return '<span class="over">' 
                  + el.split(/\s+/).join("</span><span class='over'>") 
              + '</span></br>';
    });
});

http://jsfiddle.net/ss57Z/

undefined 24 май 2014, в 07:37

0

ты учитель, молодец! +1 и проверь :)
alessandrio 24 май 2014, в 14:55
0

но не работает в contentEditable что мне и нужно. пожалуйста, если вы будете так добры
alessandrio 24 май 2014, в 14:59

Ещё вопросы

Является ли #insert должен быть contentEditable элемент?
Похоже, что в конце параграфа просто не вставлять разрыв строки , фактическое требование намного больше, пожалуйста, отредактируйте заголовок вопроса.
Неужели всего этого можно избежать, просто используя фактические теги  в HTML?
ты учитель, молодец! +1 и проверь :)
но не работает в contentEditable что мне и нужно. пожалуйста, если вы будете так добры

user4014802 · Accepted Answer · 2014-09-07T03-19-00.000Z

var over = 'over';
$('#result').html(function() {
    return $('#insert').text().trim().split(/\n/).map(function(elem) {
       var ret =  '<span class="over">' 
                  + elem.split(/\s+/).join("</span><span class="+over+">") 
              + '</span></br>';
       return ret;
    });
});