TinyMCE anpassen (Optionen verkleinern)

Kirsten_2

Hallo,
ich möchte mir gern aus Wordpress ein kleines CMS bauen und beiße mir gerade am Editor die Zähne aus.

Ich möchte gern
2. Den Editor verschlanken d.h. einige Formatierungsoptionen aus der Leiste entfernen (z.B. "italic" und "ordered list" u.a.)
1. Den Editor erweitern um die Möglichkeite headline-Tags einzugeben erweitern

Ich habe schon versucht, die Datei "tiny_mce_config.php" zu berabeiten, aber das bewirkt nichts. Habe z.B. bei den Funktionen 'formatselect' hinzugefügt, ohne Erfolg.

Meine Fragen:
– Wie kann ich TinyMCE verkleinern (Formatierungen wegnehmen)?
– Gibt es vielleicht minimalisierte Themes und wie kann ich die aktivieren?
– Wie kriege ich meine <h>-Tags hinein?

Außerdem kann ich mit Safari die grafischen Buttons nicht sehen (WysiwYG-Editor im Benutzermenü ist aktiviert), mit Firefox aber schon.
Ist das "normal" bei Safari?

Schöne Grüße

Kirsten

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

Hamada

Hi Kirsten,

Google mal nach Tinymce, die haben noch zwei verschiedene Einstellungen,
Beispiel eine ganz einfache Einstellung.
Du kannst aber auch einzelne Buttons auskommentieren, das ist in einer *.js Datei aufgeführt (editor_template.js ), da stehen folgende Einstellungen:

Code

var TinyMCE_AdvancedTheme = {
    // Private theme fields
    _defColors : "000000,993300,333300,003300,003366,000080,333399,333333,800000,FF6600,808000,008000,008080,0000FF,666699,808080,FF0000,FF9900,99CC00,339966,33CCCC,3366FF,800080,999999,FF00FF,FFCC00,FFFF00,00FF00,00FFFF,00CCFF,993366,C0C0C0,FF99CC,FFCC99,FFFF99,CCFFCC,CCFFFF,99CCFF,CC99FF,FFFFFF",
    _autoImportCSSClasses : true,
    _resizer : {},
    _buttons : [
        // Control id, button img, button title, command, user_interface, value
        ['bold', '{$lang_bold_img}', 'lang_bold_desc', 'Bold'],
        ['italic', '{$lang_italic_img}', 'lang_italic_desc', 'Italic'],
        ['underline', '{$lang_underline_img}', 'lang_underline_desc', 'Underline'],
        ['strikethrough', 'strikethrough.gif', 'lang_striketrough_desc', 'Strikethrough'],
        ['justifyleft', 'justifyleft.gif', 'lang_justifyleft_desc', 'JustifyLeft'],
        ['justifycenter', 'justifycenter.gif', 'lang_justifycenter_desc', 'JustifyCenter'],
        ['justifyright', 'justifyright.gif', 'lang_justifyright_desc', 'JustifyRight'],
        ['justifyfull', 'justifyfull.gif', 'lang_justifyfull_desc', 'JustifyFull'],
        ['bullist', 'bullist.gif', 'lang_bullist_desc', 'InsertUnorderedList'],
        ['numlist', 'numlist.gif', 'lang_numlist_desc', 'InsertOrderedList'],
        ['outdent', 'outdent.gif', 'lang_outdent_desc', 'Outdent'],
        ['indent', 'indent.gif', 'lang_indent_desc', 'Indent'],
        ['cut', 'cut.gif', 'lang_cut_desc', 'Cut'],
        ['copy', 'copy.gif', 'lang_copy_desc', 'Copy'],
        ['paste', 'paste.gif', 'lang_paste_desc', 'Paste'],
        ['undo', 'undo.gif', 'lang_undo_desc', 'Undo'],
        ['redo', 'redo.gif', 'lang_redo_desc', 'Redo'],
        ['link', 'link.gif', 'lang_link_desc', 'mceLink', true],
        ['unlink', 'unlink.gif', 'lang_unlink_desc', 'unlink'],
        ['image', 'image.gif', 'lang_image_desc', 'mceImage', true],
        ['cleanup', 'cleanup.gif', 'lang_cleanup_desc', 'mceCleanup'],
        ['help', 'help.gif', 'lang_help_desc', 'mceHelp'],
        ['code', 'code.gif', 'lang_theme_code_desc', 'mceCodeEditor'],
        ['hr', 'hr.gif', 'lang_theme_hr_desc', 'inserthorizontalrule'],
        ['removeformat', 'removeformat.gif', 'lang_theme_removeformat_desc', 'removeformat'],
        ['sub', 'sub.gif', 'lang_theme_sub_desc', 'subscript'],
        ['sup', 'sup.gif', 'lang_theme_sup_desc', 'superscript'],
        ['forecolor', 'forecolor.gif', 'lang_theme_forecolor_desc', 'forecolor', true],
        ['forecolorpicker', 'forecolor.gif', 'lang_theme_forecolor_desc', 'forecolorpicker', true],
        ['backcolor', 'backcolor.gif', 'lang_theme_backcolor_desc', 'HiliteColor', true],
        ['backcolorpicker', 'backcolor.gif', 'lang_theme_backcolor_desc', 'backcolorpicker', true],
        ['charmap', 'charmap.gif', 'lang_theme_charmap_desc', 'mceCharMap'],
        ['visualaid', 'visualaid.gif', 'lang_theme_visualaid_desc', 'mceToggleVisualAid'],
        ['anchor', 'anchor.gif', 'lang_theme_anchor_desc', 'mceInsertAnchor'],
        ['newdocument', 'newdocument.gif', 'lang_newdocument_desc', 'mceNewDocument']
    ],


    _buttonMap : 'anchor,backcolor,bold,bullist,charmap,cleanup,code,copy,cut,forecolor,help,hr,image,indent,italic,justifycenter,justifyfull,justifyleft,justifyright,link,newdocument,numlist,outdent,paste,redo,removeformat,strikethrough,sub,sup,underline,undo,unlink,visualaid,advhr,ltr,rtl,emotions,flash,fullpage,fullscreen,iespell,insertdate,inserttime,pastetext,pasteword,selectall,preview,print,save,replace,search,table,cell_props,delete_col,delete_row,col_after,col_before,row_after,row_before,merge_cells,row_props,split_cells,delete_table',


    /**

Alles anzeigen

Die h1 bis h6 Tags kriegst Du entweder über die HTML Editor Ansicht rein oder, und das ist etwas schwieriger, Du musst Dir einen eigenen Bereich im Editor anlegen.

Jürgen

Kirsten_2

Hallo Jürgen,

ein bisschen gegoogelt hatte ich schon und hatte u.a. diesen Link gefunden, in dem prinzipiel genau das erklärt ist, das ich suche: wordpress-tinymce-editor-anpassen-erweitern
Hier heisst es im Prinzip, dass man die Datei "tiny_mce_config.php" bearbeiten kann, z.B. 'formatselect" einfügen. Das hab ich versucht, es macht aber keinen Effekt. Der Editor sieht unverändert aus.
Passt die Anleitung nicht zu meiner WM Version (2.2.1 de)?

Das zweite, das ich prinzipiell noch nicht verstehe: Ich habe einen Ordner "advanced" beiTinyMCE, da steckt wohl das advanced-Theme drin. Nur – wie aktiviere ich dieses Theme? Wordpress greift nicht auf diesen Ordner zu, der liegt da nur rum. ;)

Schöne Grüße

von Kirsten

Kirsten_2

Okay, ich bin einen Schritt weiter.
Mit Firefox kann ich die Änderungen sehen, Safari ist da wohl nicht verläßlich.
Aber irgendwie ist das nicht ganz konsistent.
Das ‘formatselect‘-menü erscheint jetzt und es lassen sich einzelne Buttons auskommentieren. Aber andere Buttons, die im Code der "tiny_mce_config.php" stehen, werden gar nicht gezeigt.
Irgendwie versteh ich das System noch nicht ganz.

Hier der Code mit teilweise auskommentierten Buttons:

PHP

$mce_buttons = apply_filters('mce_buttons', array(
'formatselect','separator','bold', 
//'separator', 
'bullist', 
//'numlist', 'outdent', 'indent', 'separator', 
'justifyleft', 
//'justifycenter', 'justifyright', 
'separator', 'link', 'separator',
//'unlink', 
'image', 
//'wp_more', 'separator', 
'spellchecker', 'separator', 'wp_help', 'wp_adv_start', 'wp_adv', 'separator', 'formatselect', 'underline', 'justifyfull', 'forecolor', 'separator', 'pastetext', 'pasteword', 'separator', 'removeformat', 'cleanup', 'separator', 'charmap', 'separator', 'undo', 'redo', 'wp_adv_end', ));
	$mce_buttons = implode($mce_buttons, ',');


	$mce_buttons_2 = apply_filters('mce_buttons_2', array());
	$mce_buttons_2 = implode($mce_buttons_2, ',');


	$mce_buttons_3 = apply_filters('mce_buttons_3', array());
	$mce_buttons_3 = implode($mce_buttons_3, ',');

Alles anzeigen

Kirsten_2

ERGÄNZUNG:
Der Button ‘link‘, der eigentlich (laut Code) aktiv sein sollte, wird meistens grau dargestellt, also inaktiv (s. Screenshot).
Der Effekt ist aber nicht 100% reproduzierbar, vorhin war der Buttons einmal kurz aktiv und man konnt ihn benutzen. Nach einem Reload war er wieder "weg".
Wasn das nu? :?

EDIT: Okay, hat sich erledigt.
Das Sysmbol wird ganz brav aktiv, wenn man ins Textfeld was reinschreibt.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

TinyMCE anpassen (Optionen verkleinern)

Jetzt mitmachen!