TinyMCE para tus textareas

TinyMCE es una solución completa para crear Editores de Texto para tus formularios HTML, todo con código sencillo y compatible con la mayoría de navegadores.

Es uno de los editores más populares que se utiliza en muchos gestores de contenidos, como por ejemplo, Prestashop.

En este artículo explicaremos como añadir este editor en tu página Web.

El primer paso es descargar los archivos fuentes de la librería TinyMCE, y después de extraer los archivos copia el contenido de la carpeta /tinymce/jscripts/tiny_mce al directorio donde se encuentran los archivos js de tu proyecto.

En nuestro archivo html donde estará nuestro editor e incluimos una referencia a la librería recién descargada y su llamada:

<script type="text/javascript" src="js/tinymce/tinymce.min.js"></script>
<script type="text/javascript">
tinymce.init({
    selector: "textarea"
 });
</script>

En el formulario tan solo tienes que añadir un textearea para que adopte o acoja las características de Tinymce.

<form method="post">
    <textarea></textarea>
</form>

El editor tiene muchas opciones que puedes revisar en su wiki.

Ver ejemplo en funcionamiento

Autor
Escrito por Jose Aguilar - Experto programador Prestashop y Wordpress.
Te ha servido? Valora esta entrada!
1 estrella2 estrellas3 estrellas4 estrellas5 estrellas (4 votos, promedio: 5,00 de 5)
Cargando…
Comparte en las redes sociales

3 respuestas a “TinyMCE para tus textareas”

  1. Dwain Divers dice:

    Great post, I conceive blog owners should learn a lot from this website its very user friendly. So much wonderful info on here :D.

  2. Jose Gomez dice:

    Buen por el aporte,
    este editor es totalmente gratuito o debo poner algún de aviso en mi web para poder usarlo?

    gracias de antemano

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

Ver más sobre