Inicio > Tech - Application Development > Integrar el editor HTML CKEditor en tu desarrollo web

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.

  1. septiembre 14, 2010 en 22:30

    Valeu muito obrigado, consegui integrar o CKEditor no php.
    Parabens

    >>> Gracias, gracias, me las arreglé para integrar CKEditor en php.
    >>> Parabens

  1. julio 22, 2010 en 08:09

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: