Personalizar o menu da barra de ferramentas do tinymce 4.0.5 styleselect
Estou tentando personalizar o padrãostyleselect
menu da barra de ferramentas para que eu possa adicionar um elemento de menu personalizado. A ideia é colocar o tamanho da fonte como umstyleselect
submenu:
Inicializei umTinyMCE 4.0.5
Da seguinte maneira:
tinymce.init(
{
language_url : '/webobbywebapp/js/tiny_mce/language/es.js',
selector:'textarea',
plugins: "image, link, print",
toolbar: "styleselect | undo redo | removeformat | bold italic underline | aligncenter alignjustify | bullist numlist outdent indent | link | print | fontselect fontsizeselect",
menubar: false,
statusbar: true,
resize: true
});
Como não consigo descobrir como personalizar o menu styleselect padrão, também estou tentando criar um novo menu completo no qual eu possa adicionar o controle de tamanho de fonte. Mas eu não quero mostrar nenhuma barra de ferramentas, eu quero uma única barra de menu.
EDIT: Agora eu estou tentando modificar o menu styleselect usando o código a seguir, mas fontselect e fontsizeselect aparecem desativados
,style_formats: [{ title: "Headers_", items: [{title: "Header 1",format: "h1"}, {title: "Header 2",format: "h2"}, {title: "Header 3",format: "h3"}, {title: "Header 4",format: "h4"}, {title: "Header 5",format: "h5"}, {title: "Header 6",format: "h6"}] }, {title: "_Inline",items: [{title: "Bold",icon: "bold",format: "bold"}, {title: "Italic",icon: "italic",format: "italic"}, {title: "_Underline",icon: "underline",format: "underline"}, {title: "Strikethrough",icon: "strikethrough",format: "strikethrough"}, {title: "Superscript",icon: "superscript",format: "superscript"}, {title: "Subscript",icon: "subscript",format: "subscript"}, {title: "Code",icon: "code",format: "code"}]}, {title: "_Blocks",items: [{title: "Paragraph",format: "p"}, {title: "Blockquote",format: "blockquote"}, {title: "Div",format: "div"}, {title: "Pre",format: "pre"}]}, {title: "_Alignment",items: [{title: "Left",icon: "alignleft",format: "alignleft"}, {title: "Center",icon: "aligncenter",format: "aligncenter"}, {title: "Right",icon: "alignright",format: "alignright"}, {title: "Justify",icon: "alignjustify",format: "alignjustify"}]}, {title: "Classes", items: 'fontsizeselect'}, {title: "dddClasses", items: 'fontselect' }]