Añadir Template a TinyMCE en Joomla

Otra opción muy interesante de TinyMCE en Joomla es la posibilidad de añadir templates. Al igual que los estilos predefinidos, nos resultan útiles para dar opciones a nuestros clientes menos avezados en el manejo de html. En este caso vamos a ofrecerles estructuras ya formateadas.

En esta ocasión en un poco más dificil que en el artículo sobre Añadir estilos a TinyMCE en Joomla. ya que tenemos que tocar archivos del propio plugin.

Para poder usar esta característica del editor. debemos usar la versión extendida. Por defecto, TinyMCE trae ya dos plantillas predefinidas, que podemos ver pulsando en el botón que vemos seleccionado en la imagen.

Plantillas para tinymce en joomla

La ruta donde se encuantran estas plantillas es la siguiente:

	/media/editors/tinymce/templates

En esta ruta, podemos ver tres archivos(aparte del index.html).

  • snippet1.html: La plantilla más simple de los dos.
  • layout1.html: Una plantilla que utiliza tablas.
  • template_list.js: Es el archivo que utiliza TinyMCE, para conocer el listado de plantillas.

Tenemos dos opciones, para preparar un plantilla predeterminada para nuestros clientes. Podemos simplemente modificar una de las ya existentes, o podemos crear nuevas para tener diferentes versiones. Vamos a ver como añadir una nueva plantilla.

Creamos un nuevo archivo llamado “prueba1.html”, en el directorio que he mencionado antes. Le añadimos el html que queramos. Despues modificamos el archivo “template_list.js” para que quede cómo a continuación:.

var tinyMCETemplateList = [
	// Name, URL, Description
	["Prueba", "media/editors/tinymce/templates/prueba1.html", "HTMLLayout."],
	["Simple snippet", "media/editors/tinymce/templates/snippet1.html", "Simple HTML snippet."],
	["Layout", "media/editors/tinymce/templates/layout1.html", "HTMLLayout."],
];

Selector de plantillas tinymce en joomla

Si ahora abrimos de nuevo la pantalla de selección de plantillas de TinyMCE en Joomla ya podemos ver la nueva plantilla creada. Si no podemos ver los cambios, tendremos que vaciar la caché de nuestro navegador.

Esta entrada fue publicada en Plugins. Guarda el enlace permanente.

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