domingo, 10 de julio de 2016

TinyMCE Los Plugins


Para ver en Youtube click aquí
Dame like en facebook, click aquí

Plugin de imagenes

  Como vimos en el video, para colocar cualquier plugin escribimos la palabra "plugins", seguido dos puntos ":" y entre comillas el plugin que queramos colocar.
 El plugin "image" sirve para poder colocar imágenes en nuestro editor de texto :

tinyMCE.init({
selector : "#editor",
plugins : "image",
})

Control de la barra de herramientas :

toolbar : "image"

Control de barra de menú :

menubar : "insert"

  Recuerda que el menú insert es común a varios plugins.
  Para ver mas detalladamente como personalizar la interfaz de nuestro editor, haz click aquí para ver el primer video.

Ejemplo completo con la interfaz personalizada :

tinyMCE.init({
selector : "#editor",
plugins : "image",
image_dimensions : false,
image_description : false,
image_advtab : true,
image_list : [
{title : "Calculadora", value : "png/calculator.png" },
{title : "Agenda", value : "png/agenda.png"},
{title : "Calendario", value : "png/calendar.png"}
]
})

Plugin "media"

Ejemplo completo :

tinyMCE.init({
selector : "#editor",
plugins : "media",
media_dimensions : false,
media_alt_source : false,
media_poster : false
})

Controles :

toolbar : "media",

menubar: "edit"

Plugin "searchrecplace"


tinyMCE.init({
selector : "#editor",
plugins : "searchreplace"
})


No hay comentarios:

Publicar un comentario