kick-image.at - Webdesig | CMS | Printdesign, c/o Reynhard Boegl, A - 4020 Linz, Herrenstrasse 7, Tel.: +43 (0)676 75 63 079, Web: www.kick-image.at

kick-image

High End Webdesign

Weitere empfohlene Beiträge zu Ihrer Suche

 

Schriftarten im TinyMCE

TinyMCE, der Texteditor den wir u.a. auch in unserem CMS verwenden entpuppt sich immer mehr zum Alleskönner. Und immer mehr Erfahrung sammeln wir bei diversen Anpassungen.

Diesmal war die Anfrage, die Auswahl der “Schriftarten”, welche dem Administrator zum Formatieren von Texten zur Verfügung stehen, zu reduzieren.

Im Standard- Downloadpaket des Texteditors sind viel zu viele und auch eher exotische Schriftarten eingebunden. Abgesehen von der Unübersichtlichkeit führt dies mit Sicherheit zu “Mißbrauch” – was angeboten wird wird über kurz oder lang auch genutzt, und so manche gut gemachte Website würde zur typografischen Spielwiese des Admin werden…

Dank des sehr ausführlichen Wiki bei TinyMCE wurde hierfür auch schnell die Lösung gefunden: “theme_advanced_fonts”.

Diese Angaben kommen in die JavaScript- Datei, in der das Aussehen bzw. die Funktionsbestückung des Text- Editors geregelt wird. Dies hat den Vorteil das man bei Updates ev. vorgenommene Änderungen in den Hauptdateien nicht wieder überschreibt.


Kongret ist hier folgende Anweisung zu schreiben:
theme_advanced_fonts: "Arial=arial,helvetica,sans-serif; Comic Sans MS=comic sans ms,arial,helvetica,sans-serif;",

Zur Erklärung: vor dem “=” steht die Bezeichnung die im Texteditor zu sehen ist. Nach dem “=” die Schriftarten in der Reihenfolge, wie sie vom Browser verwendet werden soll – gleich wie bei CSS- Anweisungen.

Das wars schon wieder, mehr ist nicht zu machen!

Ähnliches ist auch bei der Schriftgröße möglich:
Standardgemäß wird bei der Auswahl der Schriftgröße die Einheit “pt” verwendet, der Editor schreibt aber z.B.:
<p style="font-size: large;">Text</p>

Um dies Anzupassen genügt folgende Zeile:
theme_advanced_font_sizes : "xx-small=1, x-small=2, small=3, medium=4, large=5, x-large=6, xx-large=7",

Vor dem “=” steht wieder der Text der zur Auswahl dient, danach die Größe.

Wieder ein weiterer Schritt zu mehr Übersichtlichkeit – “reduce to the max” ;-)

  • Beitrag bei facebook posten
  • Beitrag bei twitter posten
  • Diese Seite mit anderen teilen - 'Social Bookmark Dienste'

Online FLV- PlayerDiv- Layout, CSS- Layout, Div- Soup vs. Semantik

Archiv / Übersicht

zur Weblog Startseite

2010

2009

2008

2007

2006

Kommentar schreiben