CLEditor

CLEditor es un plugin de jQuery que ofrece con un peso ligero, con todas las funciones, navegadores, extensible, un WYSIWYG editor HTML que puede añadirse fácilmente en cualquier sitio web.

Utilizando este plugin, todos los textareas de nuestra página Web tendrán el siguiente aspecto:

Es un plugin muy ligero y de fácil instalación. El único inconveniente que puede tener es que según la versión de la librería de jQuery que se utilice no funciona.

Para disponer de este editor tendremos que añadir el el <head> de nuestra página los archivos que podemos descargar de la página oficial:

<link rel="stylesheet" type="text/css" href="jquery.cleditor.css" />
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jquery.cleditor.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
    $("#input").cleditor();
});
</script>

Como podemos observar necesitaremos añadir la hoja de estilos, la librería jQuery, el plugin y su llamada simple.

En nuestro HTML añadiremos un id=”input”, en este caso, a los campos de texto que queramos que tengan editor:

<textarea id="input" name="input"></textarea>

En el ejemplo que tenemos en funcionamiento podremos ver mejor su funcionamiento, además podremos enviar ese contenido enriquecido recibiéndolo mediante PHP para su posible guardado en base de datos o en archivo o lo que se desee.

Descargar

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

Una respuesta a “CLEditor”

  1. celso dice:

    esta muy bueno el sitio
    sobre para perosonas que a penas estan conociendo jquery

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