Archivo
Integración del calendario JS Calendar2 v1.8 en una aplicación web
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:
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:
- 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.
<script type=”text/javascript” src=”/ckeditor_3.2.1/ckeditor.js”>
</script> - 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.
Nuestra red social |
|
|
