Mit Überschriften ist da nix.
Es ist aber sehr einfach ein Dropdown-Feld mit Formatierungen wie h1, h2, ..., p, pre
, … anzeigen zu lassen. Denn der Editor TinyMCE hat im Grunde fast alle erdenklichen Schaltflächen „an Bord“. Da WordPress aber nur bestimmte erlaubt, sind Plugins etc. nicht ganz so einfach einzufügen. Denn meist blockiert WordPress die Anzeige der Schaltflächen.
Um die Überschriften freizuschalten muss man im Quellcode eine Kleinigkeit einfügen.
Die relevante Datei ist: ../wp-includes/js/tinymce/tiny_mce_gzip.php ../wp-includes/js/tinymce/tiny_mce_config.php.
Im letzten Drittel steht:
$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’));
Hier kann man nun Schaltflächen entfernen oder bestimmte neue hinzufügen. Das Dropdown-Menü mit den Überschriften schaltet formatselect
frei.
Bei mir sieht die Leiste dann in etwa so aus:
$mce_buttons = apply_filters('mce_buttons', array('formatselect', 'separator', 'bold', 'italic', 'strikethrough', 'separator', 'bullist', 'numlist', 'separator', 'outdent', 'indent', 'separator', 'justifyleft', 'justifycenter', 'justifyright', 'justifyfull', 'separator', 'separator', 'link', 'unlink', 'separator', 'image', 'separator', 'undo', 'redo', 'separator', 'separator', 'code', 'wphelp'));
Welche Standard-Buttons man hinzufügen kann, steht hier.
Kommentare zu WordPress-Editor TinyMCE anpassen, erweitern
1. Kommentar
Wordpress-WYSIWYG-Editor TinyMCE anpassen » die Netzspielw |
2. Kommentar
jim |
3. Kommentar
Wordpress eindeutschen » Blog Archive » TinyMCE erwe |
4. Kommentar
Wordpress eindeutschen » Blog Archive » TinyMCE erwe |
5. Kommentar
Wordpress als CMS - ein Praxisbeispiel » Netprofit |
6. Kommentar
Nils Schulte am Hülse |
7. Kommentar
Robert Hartl |
8. Kommentar
Nils Schulte am Hülse |
9. Kommentar
Robert Hartl |
10. Kommentar
Alex / Wakü Netzteil |
11. Kommentar
Peter |
12. Kommentar
Robert Hartl |
13. Kommentar
Mathias |
14. Kommentar
Homepageerstellung » Sinnvolle Wordpress Plugins - Teil 2 |
15. Kommentar
Kölner Computer Blog » Blog Archive » Wordpress Beit |
16. Kommentar
Alexander Hahn |
Hallöle! Erstmal danke für das super Tutorial, das hat mir schon bei mehreren Projekten sehr geholfen! - Ich schraube grad an einem WP 2.1 Projekt und habe grad erfolglos versucht die "align" attribute für bilder in Klassen umzuwandeln... ich wäre über jeglichen Tip oder Link sehr erfreut ;-)
17. Kommentar
Robert Hartl |
18. Kommentar
del.izi.oes am 03.04.07 at kleinski // |
19. Kommentar
Conny |
20. Kommentar
Herr Honk |
21. Kommentar
CHESHiRE |
Also, ich hab eben herausgefunden, wie bei Bildern im WP-2.1-TinyMCE statt align ein class verwendet wird. Das hat aber auch eine ganze Weile gedauert. Ich beschäftige mich schon einige Zeit mit dem TinyMCE und habe auch schon zwei Tutorials zur Funktionserweiterung geschrieben. Diese Frage wird zwar nicht behandelt (wird sie auch nicht werden), aber ich habe mich derer trotzdem angenommen, weil Herr Honk mich ganz nett drum bat. 1. align gegen class tauschen: Die Datei editor_template.js im Verzeichnis /wp-includes/js/tinymce/themes/advanced/ muss an zwei Stellen geändert werden (Funktion "_insertImage"). Auf Zeile 1393 [WP 2.2: Zeile 1426] wird das ganze für den Safari-Browser definiert. Dazu muss einfach das align= durch class= ersetzt werden (Istgleich beachten!). Weiter unten, auf Zeile 1433 [WP 2.2: Zeile 1466] muss 'align' durch 'class' ersetzen (Hochkommas beachten, also das erste! Das zweite muss bleiben.). Damit hat man aber nur das HTML-Attribut ausgetauscht, als Attributwert steht immer noch bspw. "left" oder "right". Da es aber bestimmt keine CSS-Klasse mit diesen Namen gibt, kann man den Wert auch noch anpassen. Deswegen... 2. CSS-Klassen definieren: Dazu ist das Editieren der Datei image.htm im Verzeichnis /wp-includes/js/tinymce/themes/advanced/ von Nöten. Ziemlich in der Mitte (Zeile 54) wird die Liste mit select id="align" name="align" definiert. In den nachfolgenden Zeilen sind die Ausrichtungen definiert: überall, wo mit option eingeleitet wird, wird eine Ausrichtung definiert. Der Wert von value entspricht dabei dem entsprechenden HTML-Attributwert für align im img-Tag. Wer damit nichts anzufangen weiß, kann sich an die Aneinanderreihung in der Liste orientieren. "baseline" entspricht also "Grundlinie", "top" steht für "oben" usw. Wer noch Fragen hat, kann mir mailen (Admin dieses Blogs hier fragen), bei mir kommentieren oder einfach hier - ich werd' noch ab und zu nachschauen.
22. Kommentar
Robert Hartl |
23. Kommentar
CHESHiRE |
24. Kommentar
Bastian |
25. Kommentar
Robert Hartl |
26. Kommentar
Bastian |
27. Kommentar
Robert Hartl |
img.left{ float:left; margin:5px 10px 0 0;}
img.right{ float:right; margin:5px 0 0 10px;}
28. Kommentar
Bastian |
29. Kommentar
Robert Hartl |
30. Kommentar
Steini |
31. Kommentar
Steini |
32. Kommentar
Rainer |
33. Kommentar
Robert Hartl |
34. Kommentar
Herbert A. Eberth |
35. Kommentar
Robert Hartl |
36. Kommentar
kaiser |
37. Kommentar
kaiser |
38. Kommentar
Robert Hartl |
39. Kommentar
kaiser |
40. Kommentar
kaiser |
41. Kommentar
Robert Hartl |
42. Kommentar
laxu » Blog Archive » Pastedate TinyMCE-Plugin |
43. Kommentar
Silkester erzählt » Blog Archive » Der visuelle Beit |
44. Kommentar
Linkdump 2007-01-14 « Data Travelers-Blog |
45. Kommentar
kaepten’s log » TinyMCE - Worpress Editor erweitern |
46. Kommentar
Texteditor zum Verfassen von Blogs | Blogging, Internet und Webp |
47. Kommentar
tsedeke |
48. Kommentar
Wordpress TinyMCE Editor um Styles erweitern at darmstädterFiltr |