Archivo

Archivo de Autor

Integración del calendario JS Calendar2 v1.8 en una aplicación web

julio 22, 2010 1 comentario

Después del post que publiqué sobre cómo integrar el editor HTML CKEditor, he considerado interesante publicar este nuevo post tratando la integración de otra aplicación Javascript muy potente y usable: el calendario JSCalendar2.

Al igual que el CKEditor, estoy seguro que muchos de vosotros también conoceréis el JSCal y lo habréis integrado alguna vez en una aplicación web.

A continuación veréis los pasos para realizar una integración básica del calendario:

1. Lo primero es descargarse el zip de la web oficial: http://www.dynarch.com/projects/calendar/download/1.8/JSCal2-1.8.zip

2. Luego descomprimimos la carpeta JSCal2-1.8 directamente en la raíz de nuestro servidor web y le cambiamos el nombre a JSCal2.

3. Seguidamente creamos un HTML con las siguientes líneas de código:

Categorías:Javascript Etiquetas: ,

Integrar el editor HTML CKEditor en tu desarrollo web

junio 10, 2010 2 comentarios

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

Categorías:Javascript Etiquetas: ,
Seguir

Recibe cada nueva publicación en tu buzón de correo electrónico.

Únete a otros 138 seguidores