Archiv für die Kategorie ‘Javascript’

« Ältere Einträge
Neuere Einträge »

Konvertierung von URLs bei der Eingabe von Links in TinyMCE verbieten

Freitag, 10. Juni 2011

Wir haben viele Anfragen von Kunden bekommen, die es super einfach und easy finden mit TinyMCE zu arbeiten, trotz dieser Tatsache aber viele Probleme mit der Eingabe von Links haben. Was genau passiert? In diesem Artikel betrachten wir die Umschreibung von Links innerhalb der TinyMCE und generell in Web-Browsern.

Problematik

Wenn Sie in TinyMCE einen Link eingeben, egal wie, wird dieser standardmäßig von TinyMCE gepasrt und unter Umständen konvertiert im Bezug auf die Adresse, unter der die Webseite läuft. Beispielsweise, Ihre Seite heißt www.seite.de und Sie geben einen solchen Link ein: www.seite.de/meine_seite.html. Dieser Link wird direkt von TinyMCE, wie erwähnt standardmäßig, in /meine_seite.html konvertiert. Manchmal ist das gar nicht gewünscht, denn es ist nicht klar von welcher Stelle in der Seite dieser Link aufgerufen wird und ob dieser dann gültig ist, wenn konvertiert.

Lösung

In der Konfiguration von TinyMCE, an der Stelle wo Sie das Theme, Buttons und alle restlichen Elemente auswählen, können Sie explizit einstellen dass die Konvertierung nicht statfinden, hiermit:

...
convert_urls : false
...

Bitte, beachten Sie dabei, dass manche Browser, auch ohne dieser Einstellung die URLs umschreiben. Daher empfehlen wir das Herunterladen der neuesten Browser auf dem Markt.

Noch Fragen, andere Probleme? Kein Problem – unsere Experten stehen Ihnen mit schnellen Lösungen zur Verfügung. Nehmen Sie einfach Kontakt mit uns auf – 02161 177747 oder einfach per E-Mail.

Tags:,
Abgelegt in Javascript | Keine Kommentare »

Fenster in der Größe anpassen mit Javascript / resizeTo

Montag, 11. Oktober 2010

Mit Javascript lassen sich diverse Anpassungen während der Laufzeit machen. Unter anderem müssten Sie ab und zu ein neu geöffnetes Fenster in der Größe anpassen / programmieren. Das ist vor allem nützlich, wenn Sie genaue Pixelbreiten und Pixelhöhen haben und diese anwenden wollen. Die Funktion ist auch nützlich, wenn Sie als Programmierer das Fenster von Ihrem Browser auf eine bestimmte Höhe und Breite setzen wollen, um zu sehen wie die von Ihnen betrachtete Seite in einer bestimmten Auflösung aussieht.

Der Javascript Code

window.resizeTo(1024,768);

Diese JavaScript Funktion setzt das zur Zeit aktive Fenster auf Auflösung 1024 x 768 Pixel. Sie können die Funktion in HTML einbetten. Die Funktion passt in der Größe nur das Fenster, aus welchem die Funktion aufgerufen wird.

Ein Tipp für Webdesigner und Programmierer

Haben Sie das Problem, dass Sie mit einer größen Auflösung Ihre Webseiten gestalten, jedoch jederzeit sehen möchten, ob Sie gerade einen Scrollbalken bei 1024 x 768 haben, falls Sie die Seite für diese Auflösung optimieren? So können Sie Ihren Browser schnell eine Verlinkung über die Favoriten vergeben, damit Sie das zun können. Am besten ziehen Sie diese Verknüpfung direkt in die Links Leiste. Hier sind die Schritte:

1. Legen Sie eine beliebige Seite als Favoritenseite / Lesezeichen.
2. Klilcken Sie mit der rechten Maustaste auf die Verlinkung und wählen Sie Eigenschaften
3. Tragen Sie folgendes unter URL:

javascript:resizeTo(1024,768)

4. Vergeben Sie einen einfachen Namen, wie z.B. “1024″
5. Ziehen Sie die Verlinkung in die Links Leiste und dann klicken Sie einfach drauf – funktioniert!

Hinweis: Die Funktion tut es nur wenn ein Reiter gleichzeitig aufgemacht ist.

Tags:, ,
Abgelegt in Javascript | Keine Kommentare »

TinyMCE problemlos unter Safari einsetzen

Mittwoch, 29. September 2010

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.

Tags:,
Abgelegt in Javascript | Keine Kommentare »

« Ältere Einträge
Neuere Einträge »