Wordpress 2.0 Editor
Wordpress 2.0 kommt gleich mit einer eingebauten Version des WYSIWYG-Editors tinyMCE daher. Für Puristen: Er läßt sich auch für jeden Benutzer bei Bedarf einzeln abschalten:
Benutzer >> Dein Profil >> Persönliche Optionen: Benutze den WYSIWYG-Editor beim Schreiben (dafür müßt Ihr ganz nach unten scrollen)
Leider ist er komplett auf die Bedürfnisse eines Blog ausgerichtet, wichtige Funktionen für einen vollwertigen Editor fehlen. Sie sind zum Glück nur abgeklemmt, tinyMCE hat sie onboard, man muß sie nur wieder zuschalten.
Normal erledigte man das in der Datei /plugins/tiny_mce/tiny_mce_init.js, wenn man den Editor bei älteren Wordpress-Versionen als Plugin ludt. Hier stehen die Buttons des Editorfenstern in zwei über einander angeordneten Reihen zur Verfügung (theme_advanced_buttons1_add: justifyleft…). Der integrierte tinyMCE der Version WP 2.0 befindet sich im Includes-, nicht mehr im Plugin-Verzeichnis wp-includes/js/tinymce/tiny_mce_gzip.php. Die Konfiguration findet Ihr hier:
$mce_buttons = apply_filters(‘mce_buttons’, array(‘bold’, ‘italic’, ’strikethrough’, ’separator’, ‘bullist’, ‘numlist’, ‘outdent’, ‘indent’, ’separator’, ‘justifyleft’, ‘justifycenter’, ‘justifyright’ ,’separator’, ‘link’, ‘unlink’, ‘image’, ‘wordpress’, ’separator’, ‘undo’, ‘redo’, ‘code’, ‘wphelp’));
Dem Array könnt Ihr dann die Felder Eurer Wahl hinzufügen. Für mich war das vor allen Dingen formatselect, ein Dropdown-Menü, das die Formatierung von Absätzen auch als Überschrift ermöglicht. So wird aus dem Editor ein Werkzeug, das Ihr auch in einem Content Management System einsetzen könnt, um Zwischen überschriften zu generieren.
Geschrieben am 18.02.2006 um 16:07:33 Uhr in der Kategorie Expertinnen, Wordpress, Feed: RSS 2.0. Sie können einen Kommentar schreiben.
Vielen Dank für den Hinweis!
Konnte ich prima gebrauchen
Hier habe ich noch die Liste aller verfügbaren Buttons gefunden: http://tinymce.moxiecode.com/tinymce/docs/reference_buttons.html
Danke für den Link
Gibt es bei den 2er auch die Möglichkeit, die alten Buttons von einer 1.5er Version wieder zu übernehmen (kein wysiwyg)?
Hallo gysi,
Du kannst in WP2 unter BENUTZER -> Dein Profil am Ende der Seite den Haken bei “Benutze den WYSIWYG-Editor beim Schreiben” entfernen – und schon hast Du die Quelltextansicht im Editor (mit den “alten” Buttons).
Hallo!
Leider funktioniert der oben angegebene Link nicht, und auch die website selbst scheint nicht erreichbar. Gibt es da etwas aktuelleres?
Hallo, Sebastian!
Vor 1 Sec. gings noch (ich weiß, das sagen sie alle…). Und aktuell ist die Liste auch.
Hallo Ihr,
danke für die Hinweise!! Wirklich Klasse.
Nochmal danke und weiter so! Habe noch eine Frage dazu..
Eure Beiträge zu meinem Problem sofort bei Google an erster Stelle gefunden!
hat jemand das Tabellenmodul von TinyMce schon bei Wordpress am laufen?
Ein Tipp dazu wäre auch sehr hilfreich!
Anleitung um Klickbare Smilies im WYSIWYG in WP 2.0.2 zu intgrieren:
Zu erst muß man dort:
[url]http://sourceforge.net/tracker/index.php?func=detail&aid=1084076&group_id=103281&atid=635684[/url]
Das Archive Herunterladen und den Ordner “Emotions” dann unter wp-includes/js/tinymce/plugins/ ablegen.
Dann muß folgende Datei verändert werden:
wp-includes/js/tinymce/tiny_mce_gzip.php
Es betrifft die Zeilen 84 & 110:
Original 84:
$plugins = apply_filters(‘mce_plugins’, array(‘wordpress’, ‘autosave’, ‘wphelp’));
Geändert 84:
$plugins = apply_filters(‘mce_plugins’, array(‘wordpress’, ‘autosave’, ‘wphelp’, ‘emotions’));
Original 110:
$mce_buttons = apply_filters(‘mce_buttons’, array(‘bold’, ‘italic’, ’strikethrough’, ’separator’, ‘bullist’, ‘numlist’, ‘outdent’, ‘indent’, ’separator’, ‘justifyleft’, ‘justifycenter’, ‘justifyright’ ,’separator’, ‘link’, ‘unlink’, ‘image’, ‘wordpress’, ’separator’, ‘undo’, ‘redo’, ‘code’, ‘wphelp’));
Geändert 110:
$mce_buttons = apply_filters(‘mce_buttons’, array(‘bold’, ‘italic’, ’strikethrough’, ’separator’, ‘bullist’, ‘numlist’, ‘outdent’, ‘indent’, ’separator’, ‘justifyleft’, ‘justifycenter’, ‘justifyright’ ,’separator’, ‘link’, ‘unlink’, ‘image’, ‘wordpress’, ’separator’, ‘undo’, ‘redo’, ‘code’, ‘emotions’, ‘wphelp’));
Damit sollte das Emotions Plugin dann auch in der Leiste des WYSIWYG auftauchen. Mit dem Austausch/Erweiterung der Smilies beschäftige ich mich dann morgen.
Hoffe ich konnte damit auch anderen helfen…..
Hi,
dass mit den Smilies is super =)
Meine Frage, wie kann ich einen Word/Charcount in Wordpress bzw.in TinyMCE installieren als Plugin?
Ein passendes findet sich z.B hier:
http://sourceforge.net/tracker/index.php?func=detail&aid=1366211&group_id=103281&atid=738747
Das ist eine Sache die ich unbedingt haben möchte aber ich verzeifele gerade etwas an dem javascript gedöns wenn ich ehrlich bin (Ich sollte mich da echt mal mit beschäftigen=) )
Für jede Hilfe bin ich äusserst dankbar ;o)
Gruss
Marc
mhh, sorry ich benutze die Version 2.0.2 Wordpress …
Omg! Das ist mir etwas peinlich jetzt…3 sek. nachdem ich diese beiden Posts total verzweifelt und am Ende meines lateins geschrieben habe, hab ich es selbst geschafft (jaja, wie es denn manchmal so kommt)
Also hier für alle zum Mitschreiben die evtl. ein ähnliches Problem haben:
Plugin charcount tinyMCE:
http://sourceforge.net/tracker/index.php?func=detail&aid=1366211&group_id=103281&atid=738747
Den entzipten Ordner in die Plugin Directory von TinyMCE
Datei in Wordpress öffnen:
tiny_mce_gzip
Zeile 98 hinzufügen bei den zu ladenden Plugins: ‘charcount’
Dann folgende Codezeile suchen:
$mce_buttons = apply_filters(‘mce_buttons’, array
Dort ‘charcount’ hinzufügen.
Das war es, nun habt Ihr einen Wordcounter in eurem TinyMCE/Wordpress 2.0.2
Hallo!
Dank dem Beitrag ist mir jetzt klar, wo ich den Editor anpassen kann. Super – Lob an euch!
Allerdings habe ich noch eine Frage: Ich möchte das fontsizeselect benutzen, was ich ja auch schon in den Editor integirert habe. Nun sind in dieser Auswahl nicht jene Schriftgrößen drinnen, die ich benötige – weiß jemand, wo ich die vorgegebenen Schriftgrößen verändern kann?!
Besten Dank im Voraus!
sunny
[...] Expertinnen-Web: Wordpress 2.0-Standardeditor tinyMCE anpassen [...]
Danke für den Hinweis.
Für ein Kundenprojekt musste ich noch mehr vereinfachen und anpassen. Unter Wordpress-Editor TinyMCE anpassen, erweitern habe ich es erläutert, vielleicht hilft es einem Leser weiter.
[...] Da es zu diesem Thema kaum hilfreiche Infos gibt, auch nicht in den einschlägigen Foren, bleiben hier nur wenige Verweise. Expertinnen-web hat das Einfügen von formatselect kurz beschrieben. Einen netten Dateimanager bietet MP:Blog. [...]
Ich habe folgendes Problem:
Nachdem ich einige zusätzliche Buttons und Dropdown-Menüs in die Leiste integriert habe, ist diese zu breit und ragt unter die rechtsseitigen Artikeleinstellungen. Da sich dabei der Schreibbereich ebenfalls erweitert, ist das sehr störend beim Texten.
Ich habe zwar schon ein wenig gesucht, aber keine Lösung gefunden, wie ich Tiny MCE in Wordpress dazu bringe ein mehrzeiliges Buttonmenü auszuspucken.
Irgendwelche Ideen?
In tiny_mce_gzip.php gibt es drei Variablen für Buttons, die mit den Werten aus je einem Array mit den Buttons gefüllt können: $mce_buttons, $mce_buttons_2 und $mce_buttons_3. Standardmäßig ist nur $mce_buttons belegt, die anderen kannst Du selbst belegen: http://www.alex-vetter.de/blog/2006/11/07/editor-in-wordpress-anpassen/
Danke!
Klappt hervorragend und ich kann wieder ungestört texten
!
[...] Nachdem der WYSIWYG-Editor TinyMCE bei mir nun wenigstens im IE 7 funktionierte, schien er mir etwas schwach auf der Brust zu sein. Man konnte ja nichtmal etwas unterstreichen oder im Blocksatz schreiben. Dafür hätte ich jedes Mal erst in den Code-Modus wechseln müssen. Zufällig war ich bei meiner Suche nach der Lösung für das Problem, daß der TinyMCE zuerst gar nicht erschien, bei expertinnen-web.de auf eine Anleitung gestoßen, wie man deutlich mehr Buttons im TinyMCE hervorzaubern kann. [...]
[...] Nachdem der WYSIWYG-Editor TinyMCE bei mir nun wenigstens im IE 7 funktionierte, schien er mir etwas schwach auf der Brust zu sein. Man konnte ja nichtmal etwas unterstreichen oder im Blocksatz schreiben. Dafür hätte ich jedes Mal erst in den Code-Modus wechseln müssen. Zufällig war ich bei meiner Suche nach der Lösung für das Problem, daß der TinyMCE zuerst gar nicht erschien, bei expertinnen-web.de auf eine Anleitung gestoßen, wie man deutlich mehr Buttons im TinyMCE hervorzaubern kann. [...]
[...] expertinnen-web.de » Wordpress 2.0 Editor: Wordpress 2.0 kommt gleich mit einer eingebauten Version des WYSIWYG-Editors tinyMCE daher. Für Puristen: Er läßt sich auch für jeden Benutzer bei Bedarf einzeln abschalten: Benutzer >> Dein Profil >> Persönliche Optionen: Benutze den WYSIWYG-Editor beim Schreiben (dafür müßt Ihr ganz nach unten scrollen) Leider ist er komplett auf die Bedürfnisse eines Blog ausgerichtet, wichtige Funktionen für einen vollwertigen Editor fehlen. Sie sind zum Glück nur abgeklemmt, tinyMCE hat sie onboard, man muß sie nur wieder zuschalten. Normal erledigte man das in der Datei /plugins/tiny_mce/tiny_mce_init.js, wenn man den Editor bei älteren Wordpress-Versionen als Plugin ludt. Hier stehen die Buttons des Editorfenstern in zwei über einander angeordneten Reihen zur Verfügung (theme_advanced_buttons1_add: justifyleft…). Der integrierte tinyMCE der Version WP 2.0 befindet sich im Includes-, nicht mehr im Plugin-Verzeichnis wp-includes/js/tinymce/tiny_mce_gzip.php. Die Konfiguration findet Ihr hier: $mce_buttons = apply_filters(’mce_buttons’, array(’bold’, ‘italic’, ’strikethrough’, ’separator’, ‘bullist’, ‘numlist’, ‘outdent’, ‘indent’, ’separator’, ‘justifyleft’, ‘justifycenter’, ‘justifyright’ ,’separator’, ‘link’, ‘unlink’, ‘image’, ‘wordpress’, ’separator’, ‘undo’, ‘redo’, ‘code’, ‘wphelp’)); Dem Array könnt Ihr dann die Felder Eurer Wahl hinzufügen. Für mich war das vor allen Dingen formatselect, ein Dropdown-Menü, das die Formatierung von Absätzen auch als Überschrift ermöglicht. So wird aus dem Editor ein Werkzeug, das Ihr auch in einem Content Management System einsetzen könnt, um Zwischen überschriften zu generieren. [...]
Klasse Hinweis. Hatte zwar nur nach dem Problem gesucht das ich keine visuelle Darstellung mehr hatte, aber der TIP mit dem ‘formatselect’ war auch nicht schlecht!
[...] Die Alternative wäre gewesen: Die Buttons des TinyMCE anzupassen (Tutorial von Martina), was bei mir aber nicht funktioniert hat. Daher mein Ansatz einfach einen anderen WYSIWYG-Editor zu integrieren.
[...]
Danke, hat mir sehr geholfen.
Den erweiterten TinyMCE Editor kann man sich wesentlich einfacher installieren! Mit einem Plugin. Mehr dazu gibt es hier: http://mitra.ch/?p=527
[...] Nachdem der WYSIWYG-Editor TinyMCE bei mir nun wenigstens im IE 7 funktionierte, schien er mir etwas schwach auf der Brust zu sein. Man konnte ja nichtmal etwas unterstreichen oder im Blocksatz schreiben. Dafür hätte ich jedes Mal erst in den Code-Modus wechseln müssen. Zufällig war ich bei meiner Suche nach der Lösung für das Problem, daß der TinyMCE zuerst gar nicht erschien, bei expertinnen-web.de auf eine Anleitung gestoßen, wie man deutlich mehr Buttons im TinyMCE hervorzaubern kann. [...]
Danke schön für den Hinweis :-]