avanttic blog

¿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:

1. 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
2. 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
3. Luego hay que añadir dentro del head de la web la llamada al js.
   <script type=”text/javascript” src=”/ckeditor_3.2.1/ckeditor.js”>
   </script>
4. 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>
   <script type=”text/javascript”>
   CKEDITOR.replace (“editor1″);
   </script>
   

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.