TinyMCE problemlos unter Safari einsetzen

29. September 2010  |  Kommentar schreiben   |  Tags: ,



Bei Facebook teilen

TinyMCE ist das momentan am meisten verbreitetete WYSIWYG (What you see is what you get) Editor, dass man in HTML Seiten einbauen kann. Das Tool hat eine perfekte Dokumentation und dazu Open Source. Sogar die Eingabe von Artikeln bei WordPress läuft komplett mit TinyMCE. Das beste an das Spiel ist das TinyMCE cross-browser-fähig ist, das bedeutet dass das Tool unter IE, Mozilla, Safari etc. genauso gut funktioniert. Falls Sie eine Eingabe von Texten mittels TinyMCE Ihren Besuchern zur Verfügung stellen möchten, so brauchen Sie sich keine weiteren Gedanken mehr über Browser-kompatibilität machen.

DieserArtikel betrachtet die Implementation von TinyMCE unter Safari und die Behebung von zwei großen Voraussetzungen für den problemlosen Betrieb.

Problem 1 – Safari erkennt erst gar nicht TinyMCE

Damit Safari erst versucht Ihre HTML Textarea mittels TinyMCE umzuwandeln, muss bei der Konfiguration von TinyMCE, also die init() Funktion, folgender Plugin erwähnt werden

plugins : "safari",

Das ist zwingend erforderlich, damit Safari TinyMCE darstellt.

Problem 2 – TinyMCE zeigt grobes HTML (raw HTML)

Falls Sie darauf stolpern, dass die von Ihnen mit TinyMCE erzeugten Inhalte mit einmal abgeschnittene und abgekürtze HTML Tags enthält und Ihre Formatierung und Text ist komplett durcheinander, so müssen Sie wiederum eine Einstellung in der init() Funktion einsetzen, die das Problem behebt:

strict_loading_mode: tinymce.isWebKit,

Die Einstellung ist vor allem unter Safari wirksam – es wird das Laden von TinyMCE verhindert, bevor der Browser alle notwendingen Texte abgearbeitet hat.

Fazit

Der Einsatz von TinyMCE ist an sich ganz intuitiv, allerdings stolpert man immer wieder auf solche Kompatibilitätsprobleme, die aber durch die Programmierer von TinyMCE im Vorfeld gelöst sind. Hier ist ein Beispiel von einer TinyMCE Implementierung.

Wollen Sie TinyMCE auch auf Ihrer Seite programmieren lassen? Gerne erledigen wir das und auch mehr für Sie, schnell und unkompliziert.
Klicken Sie hier, um eine Anfrage an uns zu senden oder rufen Sie uns einfach an.

Teilen

Hinterlasse eine Antwort

Du musst angemeldet sein, um einen Kommentar abzugeben.