Anpassen tinymce 4.0.5 styleselect toolbar-Menü
Ich versuche, passen Sie die Standard - styleselect toolbar-Menü, so kann ich hinzufügen, ein benutzerdefiniertes Menü-element. Die Idee ist, platzieren Sie die Schriftgröße als styleselect Untermenü:
Ich initialisiert eine TinyMCE 4.0.5 in der folgenden Weise:
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
});
So, ich bin nicht in der Lage zu finden, wie Sie die Standard-styleselect Menü werde ich auch versuchen, zu erstellen ein komplett neues Menü, wo ich kann hinzufügen, Schriftgröße Kontrolle. Aber ich will nicht zu zeigen, eine beliebige Symbolleiste, möchte ich eine einzelne Menüzeile.
EDIT: jetzt habe ich ' m versuchen zu ändern, die styleselect-Menü mit dem folgenden code, aber fontselect und fontsizeselect deaktiviert angezeigt
,style_formats:
[{
Titel: "Headers_",
items: [{title: "Überschrift 1",format: "h1"}, {title: "Header-2",format: "h2"}, {title: "überschrift 3",format: "h3"}, {title: "überschrift 4",format: "h4"}, {title: "Überschrift 5",format: "h5"}, {title: "Überschrift 6",format: "h6"}]
},
{Titel: "_Inline",items: [{title: "Fett",icon: "bold",format: "bold"}, {title: "Italic",icon: "italic",format: "italic"},
{Titel: "_Underline",icon: "underline",format: "unterstreichen""}, {title: "Durchgestrichen",icon: "Durchgestrichen",format: "Durchgestrichen"}, {title: "Hochgestellt",icon: "Hochgestellt",format: "Hochgestellt"}, {title: "Tiefgestellt",icon: "Tiefgestellt",format: "Tiefgestellt"}, {title: "Code",icon: "code",format: "code"}]},
{Titel: "_Blocks",items: [{title: "Paragraph",format: "p"}, {title: "Blockquote",format: "blockquote"}, {title: "Div",format: "div"}, {title: "Pre",format: "pre"}]},
{Titel: "_Alignment",items: [{title: "Links",icon: "alignleft",format: "alignleft"}, {title: "Center",icon: "aligncenter",format: "aligncenter"}, {title: "Rechts",icon: "alignright",format: "alignright"}, {title: "Rechtfertigen",icon: "alignjustify",format: "alignjustify"}]},
{Titel: "Klassen", items: 'fontsizeselect'},
{Titel: "dddClasses", items: 'fontselect'
}]
Du musst angemeldet sein, um einen Kommentar abzugeben.
Ab version 4.0.13 gibt es nun eine neue Eigenschaft, die Sie verwenden können, während init aufgerufen style_formats_merge. Setzen Sie diese Eigenschaft auf true und es wird verketten Sie Ihre Stile auf die Standardeinstellung gesetzt.
Schließlich, fügen Sie die folgenden code hat den trick:
,style_formats:[ { Titel: "Header", Elemente: [ {Titel: "Überschrift 1",format: "h1"}, {Titel: "Überschrift 2",format: "h2"}, {Titel: "überschrift 3",format: "h3"}, {Titel: "überschrift 4",format: "h4"}, {Titel: "Überschrift 5",format: "h5"}, {Titel: "Überschrift 6",format: "h6"} ] }, { Titel: "Inline",items: [{title: "Fett",icon: "bold",format: "bold"}, {title: "Italic",icon: "italic",format: "italic"}, {Titel: "_Underline",icon: "underline",format: "unterstreichen""}, {title: "Durchgestrichen",icon: "Durchgestrichen",format: "Durchgestrichen"}, {title: "Hochgestellt",icon: "Hochgestellt",format: "Hochgestellt"}, {title: "Tiefgestellt",icon: "Tiefgestellt",format: "Tiefgestellt"}, {title: "Code",icon: "code",format: "code"}]}, {Titel: "_Blocks",items: [{title: "Paragraph",format: "p"}, {title: "Blockquote",format: "blockquote"}, {title: "Div",format: "div"}, {title: "Pre",format: "pre"}]}, {Titel: "_Alignment",items: [{title: "Links",icon: "alignleft",format: "alignleft"}, {title: "Center",icon: "aligncenter",format: "aligncenter"}, {title: "Rechts",icon: "alignright",format: "alignright"}, {title: "Rechtfertigen",icon: "alignjustify",format: "alignjustify"}]}, { Titel: "Schriftart-Familie", Elemente: [ {Titel: 'Arial', inline: 'span', styles: { 'font-family':'arial'}}, {Titel: 'Book Antiqua', inline: 'span', styles: { 'font-family':'book antiqua'}}, {Titel: 'Comic Sans MS', inline: 'span', styles: { 'font-family':'comic sans ms,sans-serif'}}, {Titel: 'Courier New', inline: 'span', styles: { 'font-family':'courier new,courier'}}, {Titel: 'Georgia', inline: 'span', styles: { 'font-family':'georgia,palatino'}}, {Titel: 'Helvetica', inline: 'span', styles: { 'font-family':'helvetica'}}, {Titel: 'Auswirkungen', inline: 'span', styles: { 'font-family':'impact,chicago'}}, {Titel: 'Open Sans', inline: 'span', styles: { 'font-family':'Open Sans'}}, {Titel: 'Symbol', inline: 'span', styles: { 'font-family':'symbol'}}, {Titel: 'Tahoma', inline: 'span', styles: { 'font-family':'tahoma'}}, {Titel: 'Terminal', inline: 'span', styles: { 'font-family':' - terminal,monaco'}}, {Titel: 'Times New Roman', inline: 'span', styles: { 'font-family':'times new roman,times'}}, {Titel: 'Verdana', inline: 'span', styles: { 'font-family':'Verdana'}} ] }, {Titel: "Schriftgröße", items: [ {Titel: '8pt', inline:'span', styles: { fontSize: '12px', 'font-size': '8px' } }, {Titel: '10pt', inline:'span', styles: { fontSize: '12px', 'font-size': '10px' } }, {Titel: '12pt', inline:'span', styles: { fontSize: '12px', 'font-size': '12px' } }, {Titel: '14pt', inline:'span', styles: { fontSize: '12px', 'font-size': '14px' } }, {Titel: '16pt', inline:'span', styles: { fontSize: '12px', 'font-size': '16px' } } ] }]Wenn Sie auch zum entfernen von Elementen aus den Standardeinstellungen, die Sie einfach kopieren/einfügen aus der source-code auf Github und passen Sie Sie wie Sie möchten:
BEARBEITEN Aktualisierte URL-Dank @lucas-moeskops Kommentar 🙂