Sigueme por RSS! RSS

Editor HTML - CKEditor


CKEditor es un editor de texto WYSIWYG pensado para ser utilizado dentro de las páginas Web; permite que el código HTML que se va editando se visualice al instante de manera interpretada.

Reúne las características de edición Web comunes que se encuentran en aplicaciones de escritorio tales como, Microsoft Word y OpenOffice.

CKEditor se distribuye bajo GPL (GNU General Public License), LGPL (GNU Lesser General Public License) y MPL (Mozilla Public License) licencias de código abierto. Este modelo de triple licencia copyleft evita la incompatibilidad con otras licencias de código abierto.

Estas licencias permiten:

* Integración en software de código abierto.
* El uso personal y educativo.
* Integración en software comercial, teniendo cuidado de satisfacer los términos de las licencias.

Es decir, podrás integrar y utilizar el editor dentro de cualquier tipo de aplicación. Soporta skins, multilenguaje, etc.


Instalación: es bastante fácil, sólo tienes que seguir estos sencillos pasos:

1.- Descargue la última versión del editor de la página Web oficial
2.- Extraer (descomprimir) el archivo descargado en la raíz de su sitio web.

El editor viene con algunas páginas de muestra (carpeta _SAMPLES) que se pueden utilizar para comprobar que la instalación procedió correctamente. Para probar la instalación podemos colocar la siguiente dirección en nuestro navegador:

http://localhost/ckeditor/_samples/index.html

eso en caso de que este en el directorio raíz de nuestro servidor, en caso contrario hay que indicar la dirección exacta.


Ejemplo de uso:

Una vez descargado e instalado, procedemos a incluirlo en nuestro sistema:

1.- Entre etiquetas <head></head> incluimos la librería ckeditor.js:
<script src="ckeditor/ckeditor.js" type="text/javascript"></script>

2.- En la misma zona colocamos el código JavaScript que se encargara de cambiar nuestro elemento textarea por el editor:
<script type="text/javascript">
 window.onload = function(){
    CKEDITOR.replace('mi_textarea');
 };
</script>

3.- Por ultimo, entre etiquetas <body></body> obviamente, ira el elemento textarea:
<textarea name="mi_textarea">Texto de prueba</textarea>


Sitio oficial: http://ckeditor.com
Demo: http://ckeditor.com/demo
Descargas: CKEditor
Documentación: http://docs.cksource.com/Ckeditor

0 comentarios: Suscribete a los comentarios por RSS

Publicar un comentario

- Los comentarios están siendo moderados y serán publicados en la brevedad posible.