Tengo una entrada (contenido editable), así que quiero escribir en ella y envolver la nueva palabra (después de ese espacio de escritura) como un lapso como este:
old content <span class='el'>newWord</span> //old content también el contenido anterior podría estar contenido con <span> o no, pero no debe modificarse
solo debe envolver la nueva palabra, el contenido anterior debe permanecer como antes sin cambios
var something = document.getElementById('something'); something.addEventListener('keydown', (event) => { const text = something.innerHTML if (event.keyCode == 32) { var split_text = text.split(' '); console.log(split_text) var _out = []; let count = split_text.length; for (var i = 0; i < count; i++) { _out[i] = `<span class=el>${split_text[i]}</span>` } something.innerHTML = _out.join(' ') } }) .el { background-color: red } <div id="something" contenteditable> here </div>