Datenschutz

Klicken Sie hier, um die Datenschutzbedingungen zu lesen.

Buttons im TinyMCE-Editor ohne Plugin ausblenden

Buttons im TinyMCE-Editor ohne Plugin ausblenden

    Quelle: wptoolbox.de

    Der in WordPress integrierte TinyMCE-Editor ist eine feine Sache, denn er ermöglicht, Textformatierungen und Verlinkungen ohne htmlHypertext Markup Language Die Hypertext Markup Language (HTMLenglisch für Hypertext-Auszeichnungssprache) ist eine textbasierte Auszeichnungssprache zur Strukturierung elektronischer Dokumente wie Texte mit HyperlinksBildern und anderen Inhalten. HTML-Dokumente sind die Grundlage des World Wide Web und werden von Webbrowsern dargestellt. Neben den vom Browser angezeigten Inhalten können HTML-Dateien zusätzliche Angaben in Form von Metainformationen enthalten, z. B. über die im Text verwendeten Sprachen, den Autor oder den zusammengefassten Inhalt des Textes. HTML wird vom World Wide Web Consortium (W3C) und der Web Hypertext Application Technology Working Group (WHATWG) weiterentwickelt. Die aktuelle Version ist seit dem 14. Dezember 2017 HTML 5.2, die bereits von vielen aktuellen Webbrowsern und anderen Layout-Engines unterstützt wird. Auch die Extensible Hypertext Markup Language (XHTML) wird durch HTML5 ersetzt. HTML dient als Auszeichnungssprache dazu, einen Text semantisch zu strukturieren, nicht aber zu formatieren.Die visuelle Darstellung ist nicht Teil der HTML-Spezifikationen und wird durch den Webbrowser und Gestaltungsvorlagen wie CSS bestimmt. Ausnahme sind die als veraltet (englisch deprecated) markierten präsentationsbezogenen Elemente.-Kenntnisse. Aber einige der im Editor zur Verfügung gestellten Möglichkeiten werden fast nie gebraucht oder sind nicht erwünscht, weil sie in Kundenprojekten für unnötige Verwirrung sorgen.

    Über die functions.php des verwendeten Themes lassen nicht benötigte Icons im TinyMCE-Editor relativ leicht via CSS ausblenden. Dafür muss in der functions.php in einem ersten Schritt folgender Code und damit eine neue Funktion hinterlegt werden, der WordPress mitteilt, dass die Datei “editorcss.css” im Verzeichnis des verwendeten Themes im Admin-Panel mit eingebunden wird:

    function wpt_EditorCSS() {
    echo '
    ';
    }
    add_action('admin_head', 'wpt_EditorCSS');

    In einem zweiten Schritt legt man diese “editorcss.css” nun an und blendet darin die gewünschten Elemente per display:none; aus. Im folgenden Beispiel wird der Button für die Auswahl der Textfarbe deaktiviert, welcher Moneygram honoraires vielen Webentwicklern (auch mir) ein Dorn im Auge sein wird. Warum revenuestreet.com wohl?

    #content_forecolor {
    display: none;
    }

    Die “editorcss.css” muss danach zusammen mit der veränderten functions.php im Verzeichnis des verwendeten Themes abgelegt werden. Von nun an sollten die Modifikationen aktiv sein.

    Weitere Möglichkeiten:
    #content_forecolor,
    #content_spellchecker,
    #content_strikethrough,
    #content_fullscreen,
    #content_outdent,
    #content_indent,
    #content_blockquote,
    #content_charmap,
    #content_removeformat,
    #content_justifyfull,
    #content_justifyleft,
    #content_justifycenter,
    #content_justifyright,
    #content_wp_help {
    display: none;
    }