http://www.deine-stimme-gegen-armut.de
Mein zukünftiger Drupal-Lieblingseditor: Textile

Mein zukünftiger Drupal-Lieblingseditor: Textile

Posted by Dirk on Mo, 08/18/2008 - 18:45 in
Textile in Aktion

Kürzlich tippte ich beim Schreiben eines Artikels auf einer Drupal-getriebenen Seite mit einem FCKEditor-Textfeld versehentlich1 den Seite-Zurück-Tastenkombi des Browsers. Der Text war lang und fast fertig. Und obwohl Firefox den Inhalt der Textbox erhalten hätte, hat es mir nix genutzt, da der FCKeditor (und sicher jeder andere Javascript-Editor auch) den Inhalt einfach vergessen hat. Ich war ziemlich traurig und sauer2. Und besann mich darauf, wie viel Spaß ich hatte, als ich statt Drupal noch ein TWiki betrieb und mit der recht einfachen Wiki-Syntax schnell und elegant Beiträge verfasste3. Und als leidenschaftlicher Vimmer liegt mir die Tastatur näher als die Maus.

So suchte ich auf drupal.org durch die Modulliste zu Editoren und fand recht bald das textile.module. Genau, was ich suchte: eine Wiki-ähnliche Syntax. Und schnelles Laden einer Editorseite ganz ohne Javascript.

Wikipedia schreibt zu Textile:

Textile ist besonders auf die Belange von Weblogs und anderen leichtgewichtigen Web-Content-Management-Systemen zugeschnitten. Die deskriptive Sprache ist in erster Linie darauf angelegt, menschenlesbar („human“) und auch für Laien leicht verständlich zu sein. Im Kontrast zu HTML und auf XML basierenden Auszeichnungssprachen (etwa DocBook) verzichtet Textile bewusst auf spitze Klammern und realisiert Formatierungen mit Zeilenumbrüchen und einigen wenigen Sonderzeichen. Ein weiterer Vorteil liegt darin, dass gegenüber WYSIWYG-Editoren wie beispielsweise TinyMCE immer gültiger XHTML-Quellcode generiert wird. Die Eingaben von Benutzern werden sehr viel restriktiver gehalten, da nur ein begrenzter, auf den Anwendungsfall zugeschnittener Sprachumfang bereitgestellt wird. Das kommt einem durchgängigen CSS-Design, das Gestaltungs- und Inhaltselemente getrennt verwaltet, sehr zu gute.

Wie sieht das nun aus? Hier ein kurzes Beispiel. Aus der Eingabe:

h3. Ein Beispielabschnitt
Hier kommt _(kursiver) Text_, mit einem Link auf meine "Homepage":http://niebegeg.net.
# Und eine numerierte Liste
# mit mehreren Punkten[1]
# und "*" erzeugt eine Punktliste
fn1. Eine eingefügte Fußnote

wird dann

Ein Beispielabschnitt

Hier kommt (kursiver) Text, mit einem Link auf meine Homepage.

  1. Und eine numerierte Liste
  2. mit mehreren Punkten1
  3. und “*” erzeugt eine Punktliste

1 Eine eingefügte Fußnote

Nach der Installation und Aktivierung des textile.modules muss nur noch der Textile-Filter in den gewünschten Eingabenformaten aktiviert (und das FCKEditor.module deaktiviert werden Eye-wink)
Ich habe mir dann noch schnell einen Block zur Anzeige der wichtigsten Auszeichnungen (Markups) gebaut und den lasse ich bei allen URLs nach dem Muster “node/add/*” und “node/*/edit” anzeigen.
Und wie man sieht, ist es sehr leicht und macht auch Spaß, Zitate, Links und Fußnoten einzubauen Eye-wink

no


1 Strg+Pfeil links springt ein Wort zurück, Alt+Pfeil links eine Webseite.

2 Nach einer weiteren halben Stunde war ich aber erstaunt, wie viel des ursprünglichen Textes beim nochmaligen Schreiben wieder da stand. Und dabei m.E. noch besser geworden ist! Aber das ist eine andere Geschichte …

3 Leider fanden meine Kollegen das nicht so spaßig und eine WYSIWYG-Editor musste her.