texto bold dentro de textarea

sebacomas · #1 (**permalink**) 07/09/2011, 16:21

Hola, Tengo el siguiente codigo, lo que quiero hacer es poner en negrita el texto dentro de textarea, al precionar el boton bold, no me funciona, tengo poco y nada de conocimiento en javascript.

<style type="text/css">
textarea.bolded {
font-weight:bold;
}
</style>

<script type="text/javaScript">
function setClass(class_name){
document.getElementById('txt').className = class_name;
}
</script>

<body>
<textarea class="bolded" id="txt" name="descripcion">texto</textarea><br />
<input type="button" onclick="setClass('bolded');" value="Bold" />
</body>

GRACIAS!

Panino5001 · #2 (**permalink**) 07/09/2011, 19:26

No es posible dar este tipo de formatos a textareas. Podés usar un iframe con la propiedad designMode de su document puesta a on:
http://www.disegnocentell.com.ar/notas2.php?id=180
o usar un editor wysiwyg de los muchos que hay por ahí, o usar un elemento con contentEditable puesto a true:
http://www.forosdelweb.com/3246818-post.html

sebacomas · #3 (**permalink**) 08/09/2011, 08:42

Ok, gracias por la respuesta.
Si uso el ejemplo del elemento con contentEditable puesto a true, si es un div como le envio los datos a la base de datos del texto de ese div que edite.

Saludos!

Panino5001 · #4 (**permalink**) 08/09/2011, 10:03

Código PHP:

  document.getElementById('idDeUnCampoOcultoDeFormulario').value=document.getElementById('idDelElementoEditable').innerHTML;