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

```

and

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

```

jquery
all that remains is to put line breaks

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

```

I want to make this way.
**the result must be so**

```
<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>

```