javascript

Configurar un plugin en CKEditor con javascript

tutorial ckeditor drupal plugin

En el artículo Cómo crear un plugin de CKEditor os explicábamos cómo crear un plugin de CKEditor desde cero. Surgió la posibilidad de configurarlo pero lo dejamos para más adelante. Ahora es el momento de mostraros cómo se puede configurar el plugin para que saque unos iconos u otros dependiendo de los datos que se le pasen.

Primer paso: Modificar el plugin.js

Debemos modificar el plugin.js para que sólo muestre los iconos que se le pasen. Hay que añadir un if que marco con ****** y una funcion nueva Seguir leyendo sobre Configurar un plugin en CKEditor con javascript

Crear un plugin en CKEditor con javascript

tutorial ckeditor drupal plugin

CKEditor es un editor WYSIWYG muy potente para integrar en nuestros campos <textarea> de los formularios de nuestra web. Gracias a él podremos meter negritas, cursivas, headings, etc.

El editor CKEditor tiene una posibilidad muy potente que consiste en crear plugins (y descargarlos) para mejorarlo. En nuestro caso voy a explicar como crear un plugin que genere tags html con etiqueta "class". Es decir, crearemos un botón en el editor que al seleccionar un texto y al pulsar el botón nos ponga genere algo como esto: <span class="estilo1">Texto seleccionado</span>. Además, si seleccionamos el texto y volvemos a pinchar el botón nos pintará el texto sin la etiqueta, es decir, se quedará: "Texto seleccionado"

Pasos previos para el plugin de CKEDITOR

Necesitamos descargar el editor WYSIWYG CKEditor: Descargar CKEditor Seguir leyendo sobre Crear un plugin en CKEditor con javascript

Tutorial de polilineas en Google maps: PHP y PEAR

Hoy vamos a hablar de cómo hacer un mapa de google maps con polilíneas. Para ello usaremos PHP con PEAR para leer las coordenadas de disco y pintar el html. 

Datos con coordenadas a pintar en el mapa

Tenemos que crear un archivo en disco con las coordenadas, una por linea y separada la latitud de la longitur por el caracter pipe "|"

Por ejemplo:

40.400193|-3.750519|Inicio
40.399977|-3.752066|Segundo
40.400306|-3.754684|Tercero
40.398139|-3.756714|Cuarto
40.393151|-3.759873|Quinto
40.382781|-3.763986|Sexto

Template para pintar el mapa

Es necesario una template para inyectar las coordenadas de forma dinámica y que el navegador pinte las líneas del polígono Seguir leyendo sobre Tutorial de polilineas en Google maps: PHP y PEAR

Javascript: Tutorial para eliminar tildes (acentos), ñ y caracteres raros

tutorial gratis programacion javascript

Todo programador que se precie ha tenido alguna vez en su vida que enfrentarse con el problema de las tildes (acentos), eñes y caracteres extraños en cadenas. Hoy vamos a explicar como limpiar una cadena de texto usando javascript. Nuestro ejemplo sustituirá las ñ, vocales acentuadas por su equivalente sin acentuar y por la n. Además los espacios y algunos símbolos los sustituirá por nada. Con esta función podréis modificarla fácilmente para adaptarla a vuestras necesiades. Seguir leyendo sobre Javascript: Tutorial para eliminar tildes (acentos), ñ y caracteres raros

Javascript: Funciones con retardo o repeticiones

tutorial javascript

A veces en javascript necesitamos ejecutar una función con un retardo o ejectuarla cada determinados milisegundos. En el artículo de hoy explicaremos como se hace.

setInterval VS setTimeOut en Javascript

Función setInterval en Javascript

Esta función sirve para llamar a otra función de javascript cada un determinado intervalo en milisegundos. Es decir, se llamará de forma infinita cada XXX milisegundos. Puede que queramos que cuando se cumpla una condición deje de ejecutarse, para ello se usa clearInterval. Con el siguiente script, cada segundo se hará un alert hasta que lleguemos a 10 alertas, momento en que pararemos Seguir leyendo sobre Javascript: Funciones con retardo o repeticiones

Información de interés sobre tecnología