Bloggen ist schön und macht auch Spass und wer Artikel mit dem WYSIWYG (What you see is what you get) Editor verfasst, stößt hin und wieder auch an seine Grenzen und muss auf den HTML Part ausweichen. Wer aber nun mit HTML auf Kriegsfuß steht oder einfach nur zu faul  ist der kann jetzt den integrierten TinyMCE Editor pimpen und das ist in ein paar Minuten erledigt.

Hier erst einmal ein Bild von der Ausgangsposition die jeder kennt.

klick me

So und nun zu der gepimpten Version

klick me

Wie unschwer zu erkennen ist, sind hier 2 weitere Zeilen hinzugefügt worden und diese enthalten zum einen die Möglichkeit Tabellen zu integrieren und zum zweiten die Buttons für Schriftgröße, Schriftart, Vordergrundfarbe und Hintergrundfarbe.

Der Editor läßt sich noch weiter ausreizen und es sind noch so einige mehr Plugins vorhanden, aber mir reichen diese hier nun vollkommen und damit kann man schon vernünftig arbeiten.

Installation:

Bei TinyMCE bekommst du das volle Package mit allen Plugins die verfügbar sind und dieses kannst du hier herunterladen. Das ganze lokal bei dir auf dem Rechner entpacken und die Plugins auf deinen Server laden. Die vorhandenen einfach überschreiben.

/wp-includes/js/tinymce/plugins/

Dann einen Ordner höher ( /wp-includes/js/tinymce/ ) die Datei

tiny_mce_config.php

suchen und zum bearbeiten öffnen.

Hier zur Zeile 69 scrollen und den Code

$plugins = array( ’safari’, ‘inlinepopups’, ‘autosave’, ’spellchecker’, ‘paste’, ‘wordpress’, ‘media’, ‘fullscreen’, ‘wpeditimage’ );

durch folgenden Code ersetzen. Änderungen wurden Rot gekennzeichnet.

$plugins = array( ‘table’, ’safari’, ‘inlinepopups’, ‘autosave’, ’spellchecker’, ‘paste’, ‘wordpress’, ‘media’, ‘fullscreen’, ‘wpeditimage’ );

Hier wurde nur das ‘table’ eingefügt wie man sehen kann.

Dann weiter runter scrollen bis zur Zeile 127 und den Code

$mce_buttons_3 = apply_filters(‘mce_buttons_3′, array());

durch folgenden ersetzen

$mce_buttons_3 = apply_filters(‘mce_buttons_3′, array(‘tablecontrols’));

Jetzt ist die Tabellenfunktion komplett und kann schon genutzt werden.

Nun die Zeile 130 suchen und folgenden Code

$mce_buttons_4 = apply_filters(‘mce_buttons_4′, array());

auch ersetzen durch

$mce_buttons_4 = apply_filters(‘mce_buttons_4′, array(‘fontsizeselect’, ‘fontselect’, ‘forecolorpicker’, ‘backcolorpicker’, ));

Jetzt einfach die Datei wieder hochladen/speichern und voilà das war es schon

Tabelle:

Text- Hintergrundfarben:

Roter Text oder Roter Hintergrund der auch für besondere Punkte, sehr werbewirksam genutzt werden kann

Schriftarten:

Andere Schriftarten sind auch möglich wie man unschwer erkennen kann…

Schriftgrößen:

oder auch verschiedene Schrift Größen !!!

In der “control reference” von TinyMCE stehen auch alle anderen Buttons die eingefügt werden können. Z.B. Smiley Button usw. Zu finden HIER Und nun viel Spaß beim pimpen

[UPDATE]

ACHTUNG hier kommt nun die Änderung die WP 2.7 betreffen. In älteren Versionen vor 2.7 musste man die /wp-includes/js/tinymce/tiny_mce_config.php ändern, DAS IST IN WORDPRESS 2.7 ANDERS !!!

• Gehe zu /wp-admin/includes/post.php
• Scrolle dort bis zur Zeile 1134 und füge ‘table’ hinzu

Vorher

$plugins = array(  'safari', 'inlinepopups', 'autosave', 'spellchecker', 'paste', 'wordpress', 'media', 'fullscreen', 'wpeditimage', 'wpgallery' );

Nachher (Änderungen sind rot markiert)

$plugins = array( 'table', 'safari', 'inlinepopups', 'autosave', 'spellchecker', 'paste', 'wordpress', 'media', 'fullscreen', 'wpeditimage', 'wpgallery' );

Scrolle dann zur Zeile 1228 und füge dort die ‘tablecontrols’ ein.

Vorher

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

Nachher

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

Weiterscrollen bis zur Zeile 1231 und dort die Schriftgrößen und Schriftarten einfügen.

Vorher

$mce_buttons_4 = apply_filters('mce_buttons_4', array( ));

Nachher

$mce_buttons_4 = apply_filters('mce_buttons_4', array('fontsizeselect', 'fontselect', 'forecolorpicker', 'backcolorpicker', ));