free web hostingHosting24.com web hosting

ckEditor editor para tus cajas de textos


Hoy mientras hacia un proyecto, me encontre con la necesidad de implementar un editor en un texarea y empecá a buscar alguna herramienta para mi objetivo, y me encontre con ckEditor, una herramienta muy fácil de implementar y de manipular si nos animamos a meterle mano a la API:
Como primer paso tenemos que descargar la librería desde su página oficial
Lo siguiente es incluir el js que necesitamos para implementarla:

<script type="text/javascript" src="ckeditor.js"></script>

Ahora le toca el turno al codigo HTML, donde incluimos el textarea que deseamos tenga el editor:

<textarea name="editor1">Esto es una prueba - MiCodigoBeta.com.ar</textarea>

Y por último necesitaremos incluir el codigo javascript, donde al cargar la página, reemplazamos el textarea por el editor de esta manera:

<script type="text/javascript">
	window.onload = function()
	{
		CKEDITOR.replace( 'editor1' );
	};
</script>

Espero les sea de utilidad, como es de costumbre, adjunto la Demo y la descarga del Código. Cordiales Saludos.

También te puede Interesar

¿Disfrutaste esta entrada? Por qué no dejas un comentario abajo y continúas la conversación, o te suscribes a mi feed y obtienes artículos como este enviados a tu lector de feeds.

Comentarios

Llevaba un par de horas tratando de entender como utilizarlo
y con tu explicación fue sencillísimo,

Gracias !!!

A veces no es que las personas no quieran compartir, sino que para otras es natural hacerlo.

Hola José Luis, es un placer poder ayudar y compartir. Gracias por pasar. Un Saludo

Deja un Comentario

(requerido)

(requerido)