Hola amigos, soy nuevo en el foro y en la programacion en JavaScript.
Bueno el titulo del tema no es muy descriptivo, les explico cual es mi problema:
Estoy intentando hacer algo asi como un editor wyiwyg, se que por ahi hay muchos editores de este tipo listos para usarce, pero en mi caso es solo un ejercicio.
He querido ir paso a paso, ahora estoy en el boton que deberia poner el texto en negrita, he logrado tomar el codigo seleccionado desde un div, y formatearlo por medio de un <span>, algo de css y las bondades del DOM.. esto resume el siguiente codigo:
Código:
if(window.getSelection){
seleccion=window.getSelection();
_span=document.createElement('span');
_span.setAttribute('style','font-weight: bold;');
_texto=document.createTextNode(seleccion);
_span.appendChild(_texto);
document.getElementById('contenido').appendChild(_span);
}
Bueno.. funciona, toma el texto y lo pone en negrita, el problema esque no reemplaza el texto seleccionado por texto ya formateado, no he encontrado manera de hacerlo, es decir, si en el div tengo algo como: "texto en el div" y seleciono la primera palabra: "texto" y presiono el boton de negrita el resultado es esto: "texto en el div
texto", y el resultado que se deberia obtener seria: "
texto en el div"
Ojala se entienda lo que quiero, y puedan ayudarme... Gracias y saludos..!