WYSIWYG ist eine Abkürzung und bedeutet eigentlich ausgeschrieben “What You See Is What You Get”. Ins deusche übersetzt dann soviel wie “Was du siehst, ist was du bekommst”. Beschreiben tut ein WYSIWYG-Editor eigentlich nur ein Editor, wo man während der Bearbeitung genau das sieht, was man nachher speichert oder druckt. Ein bekanntes Beispiel ist hier natürlich Microsoft Word! ;). Als Programmierer braucht man vor allem bei Nutzereingaben öfter mal WYSIWYG-Editoren in den eigenen Scripten, damit diese ihren Text sofort schon bei der Eingabe formatieren können – Doch die Auswahl ist sehr groß und für kleine Projekte ist nicht immer genau der passende Editor dabei. Schaut man sich bei Wikipedia eine Liste der HTML-Editoren an, wird man schnell feststellen, dass es für große Projekte sehr gute und umfangreiche WYSIWYG-Editoren kostenlos gibt, die man aber nicht in kleinen und schlichten Projekten einsetzen kann, da sie viel zu Mächtig und unflexibel sind (Beispiel: “TinyMCE” und “CKEditor“).

Kleiner aber feiner Editor

Ich persönlich musste für ein internes Projekt auch einen kleinen aber guten Editor suchen und kam nach langer Suche auf TinyEditor. Schon die Demo hatte mich vor allem von der Einfachheit überzeugt und mit gerade einmal 35 KB ist das Script wirklich klein. Nachdem ich den Editor runtergeladen hatte, fande ich vor allem den Quelltext sehr übersichtlich. Man braucht nicht lange suchen um verschiedene eigene Einstellungen im Code vorzunehmen und auch das Einfügen von eigenen Icons und Funktionen sowie das entfernen von vorhandenen ist ganz schnell passiert.

Als Beispiel zeige ich euch mal den Editor, welchen ich in mein internes Projekt eingebaut habe:

Lösung zum Fehler: Übergabe von Daten

Wie bei einem Formular o.ä. üblich will ich natürlich auch die Daten vom Editor schnell und einfach in die Datenbank bekommen. Gerade hier habe ich so einige Zeit investieren müssen, damit der Quellcode von der textarea an die Datenbank übergeben wurde. Lange habe ich bei Google suchen müssen – Ohne Ergebnis!. Als ich dann beim Programmierer persönlich eine Anleitung gesucht habe, suchte ich leider auch vergeblich. Fast schon wollte ich mich im Support-Forum anmelden, als ich dann das Thema “can’t get content of my textarea” fand. In diesem wurde dann beschreiben, dass man in das form-Tag des Formulares das Attribut “onsubmit=’editor.post();'” setzen muss – Und da soll man ohne Anleitung drauf kommen? 😉

1

<form name="itrunde" action="index.php" onsubmit='editor.post();' method="post">

Danach klappte die Übergabe des Quelltextes in die Datenbank super und ich konnte var_dump endlich wieder von der Seite verbannen Also ein sehr nützlicher Tipp, falls ihr auch den TinyEditor benutzten wollt und euch stundenlange Suche sparen wollt! 😀

Welchen Editor nutzt ihr bisher zum Einbinden in euren Scripten? Ein selbst geschriebenes, ein völlig überladenes oder etwas ähnliches wie den TinyEditor?

Tweet