TinyMCE para tus textareas

Name: TinyMCE para tus textareas
Brand: Jose Aguilar
SKU: joseaguilarblog-655
Availability: InStock
Rating: 5 (6 reviews)

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:

Source code

<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.

Source code

<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 - Director ejecutivo y tecnológico en JA Modules. Experto programador PrestaShop y Experto programador WordPress.

Te ha servido? Valora esta entrada!

(6 votos, promedio: 5 de 5)

Comparte en las redes sociales

¿Buscas trabajo de programador?

7 respuestas a “TinyMCE para tus textareas”

Oskar dice:

24/04/2020 a las 11:11

Hola,

¿Sabéis si es compatible con Visual Studio 2005?

Lo he probado y me da todo el rato ‘error Tinymce: no está definido’

Como si no lo encontrase o algo así y he añadido al proyecto el archivo tinymce.min.js

A ver si alguien me puede decir algo

Muchas gracias

Responder
- Jose Aguilar dice:
  
  27/04/2020 a las 17:07
  
  Hola,
  
  Revisa la versiones de Tinymce. Este tutorial es de hace años y Tinymce ha cambiado bastante. Diría que ahora ya no se agrega a tu página tan fácil.
  
  Saludos
  
  Responder
Diseño web Valladolid dice:

04/04/2020 a las 22:14

Que otras alternativas existen similar a este herramienta pero free , es decir que se incluyan las opciones o algunas de las incluidas en la version paga.

Responder
- Jose Aguilar dice:
  
  06/04/2020 a las 16:08
  
  Hola,
  
  Dejaré tu pregunta abierta por si alguien conoce alguna alternativa.
  
  Saludos
  
  Responder
Jose Gomez dice:

20/09/2018 a las 21:16

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

Responder
- Jose Aguilar dice:
  
  24/09/2018 a las 10:43
  
  Hola,
  
  Es gratuito pero si necesitas algunas funciones avanzadas se deben pagar aparte.
  
  Saludos
  
  Responder
Dwain Divers dice:

03/02/2012 a las 7:39

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

Responder