Show Blocks in TinyMce

Show Blocks in TinyMce

Mit dem TinyMce bin ich soweit zufrieden. Er erfühlt zurzeit noch meine Bedürfnisse, doch eins viel mir ein als ich beim CKEditor eine Funktion bemerkte die so in TinyMce nicht vorhanden ist. Mit der Funktion kann man die Elemente im Text heforheben mit einem Rahmen der zeigt welches Element es ist. Leider hat TinyMce von Haus aus nicht dieses Feature und ich hab leider kein Plugin gefunden welches mir diese Funktion gib. So musste ich etwas Hand anlegen und eigenen Plugin schreiben.

Das Ergebnis ist einfach geschrieben, reicht mir vollkommen aus und bietet mir jetzt die Möglichkeit die Elemente mit Rahmen zu versehen wie im Screenshot zu sehen:

Das Plugin benötigt jQuery und kann schnell in den TinyMce integriert werden:

1. Schritt: Plugin hier runter laden und in den tiny_mce/plugins Ordner entpacken.

2. Schritt: TinyMce Config mit dem Parameter showblocks erweitern.

TinyMce Config:

plugins : "pluginA,pluginB,PluginC,...,showblocks",
theme_advanced_buttons1 : "showblocks,|,bold,italic,underline,strikethrough,..."

3. Schritt: Jetzt kann man den Plugin etwas steuern, in dem man im sagen kann ob er schon sofort die Elemente umrahmen soll oder man kann die Hover Funktion abschalten.

show_blocks: 1, // (optional) show blocks by open the editor
show_blocks_hover: 0 // (optional) hover Tag name 1 or show it permanent 0

Viel Spaß.