[SOLUCIONADO] Agregar SPAN o DIV al presionar TECLA ESPACIO

[yonineitor]

Haber si me se explicar xD:
Tengo un div id="editable" con contenteditable

Dentro de este yo agrego Texto, Con esto hay manera de asignarle un SPAN,
Es decir al escribir: HOLA
el Js le agrege <span>HOLA</span>

Y después escribir mundo
el Js le agrege <span>mundo</span>

Posteriormente al hacer $("editable").html()
Deva de tener como resultado "<span>HOLA</span><span>mundo</span>"

Esto me imagino que se debe de agregar al presionar la tecla espacio o salto de linea.

Espero Haberme explicado, Saludos.

[quimfv]

Mas que hacerlo al vuelo .... es decir mientras se escribe lo haria justo antes de $("editable").html(); Así no tendras que preocuparte de correcciones.....

Código Javascript:

var str = "<span>"+$("editable").val()+"</span>";
var res1 = str.replace(" ","</span><span>");
var res2 = res1.replace("\n","</span><span>");
$("editable").val()=res2;
$("editable").html();
 

No uso jquery pero espero que la idea se entienda.

[jarios]

quimfv Me ha gustado tu codigo no se me abria ocurrido :).

He probado con val() y no funciona. Por lo que veo solo debe ir para input, select y textarea.

Simplemente corregir que se puede usar text().

Saludos.

[yonineitor]

Lo que quisiera lograr es un pequeño editor de texto que solo marque ciertas palabras que yo tenga definida,
Tal y como funciona la siguientes web: http://jsbin.com/ que tiene un analizador de sintaxis y detecta las palabras para colorearlas.

Saludos!

[PHPeros]

Para ello hay muchas herramientas, como prettify.