Hola compañeros. Estoy haciendo un pequeño sistema de noticias, en el cual, para escribir una noticia, uso Javascript que me simplifique escribir HTML, ya que mis reporteros pueden no saber HTML.
El caso, es que, entre otras, uso este tipo de funciones:
Código:
function abrirLista(){
var elm = document.getElementById("edicionnoticia");
elm.value += '<ul class="listahorizontal">';
}
function anadirElemento(){
var elm = document.getElementById("edicionnoticia");
var dentro = prompt('Introduce el contenido dentro del elemento de la lista','[ contenido ]');
elm.value += "\n"+'<li>'+dentro+'</li>';
}
function cerrarLista(){
var elm = document.getElementById("edicionnoticia");
elm.value += "\n"+'</ul>';
}
etc...que tan solo añaden ciertos strings al final del value del textarea.
Bien, mi dudas son 2:
1-¿Cómo hacer para, por ejemplo, poner un texto seleccionado del texarea entre dos etiquetas <b></b> (p.ej), ya esté el texto seleccionado al final,, al principio, o por el medio del texto total que contiene el textarea?
2-relacionada con la anterior, si me he saltado algo y quiero añadirlo dónde he hecho clic con el ratón en el texarea, ¿como hago que javascript me escriba justo en ese punto?
LLevo la noche intentando hacerlo. Por el foro he encontrado funciones como la de document.selection.createRange();, pero no me aclaro de como usarlas en las dudas que yo tengo.
Saludos y gracias