robustiana.com

Miércoles, 06 Marzo 2013 19:05

Agregar iconos al plug-in "emotions" del JCE Editor

Escrito por 

Debido a que el plug-in "emotions" que podemos instalar en el editor JCE trae muy pocas imágenes les dejo una solución para agregar los que queremos.  A continuación voy a dejar algunos archivos que podrían ayudarles a adicionar los íconos que gusten. Voy a explicar de forma rápida como hacer funcionar los archivos. De todas maneras dejo las instrucciones con ejemplos en los comentarios del archivo JavaScript. 

 

Vamos a explicar cada uno de los archivos: 

  • Primero está el "packiconos.zip" en este pack hice una recopilacion de unos cientos de iconos en buena resolución de extensiones, avisos, comercio etc... que les pueden servir. Al estar en buena resolución es importante que haga un resize al tamaño que les interesa y al formato que les interesa, ya sea .gif o .png

packiconos.zip

  • Esto nos lleva al segundo archivo que es el programa PicSizer, que es bastante liviano y libre. Este software nos permite de forma muy sencilla cambiar el tamaño y formato entre otras acciones a nuestras imágenes.

PicSizer.zip

  • El tercer archivo "rdypck.zip" son unos iconos que escogí como ejemplo, y les hice un resize de un posible tamaño que les pueda interesar. El ejemplo que pongo en los comentarios del siguiente archivo está basado en estos iconos. Recordemos que la ubicación en la que debemos guardar los íconos que queremos agregar es: components/com_jce/editor/tiny_mce/plugins/emotions/img

rdypck.zip

  • Por último, les dejo el archivo "doc.zip". Este contiene a "emotions.js". Este es el archivo que debemos modificar a nuestro gusto y luego sustituir mediante FTP en la localización: /components/com_jce/editor/tiny_mce/plugins/emotions/js. Dentro de este mismo archivo JS, en los comentarios explico que debemos cambiar del código para que el plugin nos lea los nuevos íconos. 

¡Importante! No hay que sustituir el archivo emotions.js original con el que yo les dejo. El archivo que dejo es únicamente para que se guíen dentro del código para hacer los cambios. 

doc.zip

 

 

 

Visto 2336 veces

Publicidad

Buscador de plantillas