Integrar el editor HTML CKEditor en tu desarrollo web

¿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.
    /ckeditor_3.2.1/ckeditor.js
  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>
    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.

Evolución, innovación y transformación
37 especializaciones avaladas por Oracle
Oportunidades ilimitadas
El equipo marca la diferencia
Posts 100% Oracle
Sigue nuestro día a día