In diesem Beitrag geht es um „What you see is what you get“ (kurz: WYSIWYG)-Editoren. Diese Editoren geben uns die M\u00f6glichkeit, Texte ohne HTML Kenntnisse zu formatieren.<\/p>\n
Ein WYSIWYG-Editor ist ein mit Javascript modifiziertes Textfeld. Dort werden dann die Benutzereingaben abgefangen und gegebenenfalls ersetzt. Wenn man zum Beispiel Enter dr\u00fcckt wird um den aktuellen Absatz ein „<p>“ gesetzt. Zus\u00e4tzlich gibt es die M\u00f6glichkeit, verschiedene Texteigenschaften auszuw\u00e4hlen. Man kann zum Beispiel ausw\u00e4hlen, ob der Text unterstrichen, fett oder kursiv dargestellt werden soll.<\/p>\n
Welche WYSIWYG-Editoren gibt es?<\/strong><\/p>\n Die Liste der WYSIWYG-Editoren ist fast unendlich, weil jeder einen eigenen Editor erstellen k\u00f6nnte.\u00a0Je nach Vorlieben und Funktion kann man sich f\u00fcr einen oder mehrere Editoren entscheiden. Die \u00fcblichen aus Word bekannten Formatierungsm\u00f6glichkeiten sind bei allen Editoren gleich.\u00a0Die beliebtesten sind :<\/p>\n Beim CKEditor wurde sehr auf Barrierefreiheit geachtet. Der TinyMCE ist schon in vielen Content-Managment-Systemen vorinstalliert.<\/p>\n Wie bindet man den Editor ein?<\/strong><\/p>\n Das ist je nach Editor immer etwas anders. Bei den meisten kann man so vorgehen:<\/p>\n Bei dem Funktionsaufruf\u00a0muss entweder \u00fcber eine config-Datei oder durch \u00fcbergebene Parameter angegeben werden, wo der Editor angezeigt werden soll. Bei Content-Managment-Systemen wird der Editor meistens \u00fcber die php- Dateien eingebunden.<\/p>\n Wie der Editor genau eingebunden wird steht in der jeweiligen Bedienungsanleitung oder auf der Homepage des Herstellers.<\/p>\n\n
\n