Integrar el editor HTML CKEditor en tu desarrollo web
10/06/2010 -
¿Habéis tenido alguna vez la necesidad de integrar un editor HTML estándar en un desarrollo web?
En este post comentaremos la posibilidad de integrar el grandísimo y novedoso CKEditor que algunos de vosotros ya conocéis. Este editor es un componente open source que genera HTML 1.1 estándar desarrollado por CKSource.
A continuación os detallo como integrar el CKEditor paso a paso:
- Descargar el zip de la última versión desde la web oficial.
http://download.cksource.com/CKEditor/CKEditor/CKEditor%203.2.1/ckeditor_3.2.1.zip - Una vez descargado lo descomprimís de manera que todos los archivos queden en la carpeta ckeditor o como la queráis llamar directamente en la raíz de vuestro servidor web
- Luego hay que añadir dentro del head de la web la llamada al js.
/ckeditor_3.2.1/ckeditor.js - Después hay varios métodos para cargar el editor, el más común para aplicaciones sin AJAX sería reemplazando un text area.
<textarea cols=”80″ id=”editor1″ name=”editor1″ rows=”10″>
</textarea>CKEDITOR.replace (“editor1”);
Y ya lo tendríamos integrado!!!! Fácil ¿no?. Os dejo un pantallazo del resultado de la integración del editor.
También aprovecho para decir que el zip del CKEditor también incluye otros ejemplos y métodos, así como varios skins visuales y funciones para la integración del plugin en aplicaciones AJAX. Además, en la web del editor encontraréis la documentación y ayuda sobre todas las clases, funciones, triggers, métodos y propiedades del plugin.