Verwendung von Tabellen

Verwendung von Tabellen

Anleitung für Autoren

Der Online-Editor von PivotX bietet die Möglichkeit Tabellen einzufügen. Die gesamten Buttons dafür befinden sich in der zweiten Zeile der Buttonleiste. Ich möchte hier nicht näher auf diese Funktionen eingehen, weil die Bearbeitung und Verwaltung dieser Tabellen mit etwas größerem Aufwand verbunden ist. Zudem wird das Corporate Design der Website gestört, wenn sich Tabellen mit vielen verschiedenen Layouts häufen. Und im Schach haben die Autoren ständig mit Tabellen zu tun.

Ich habe eine einfachere Möglichkeit geschaffen, welche nicht nur dem Grunddesign der Seiten gerecht wird, sondern auch einfach zu bearbeiten ist.

Tabellen mit Wikipedia-Syntax

Genau genommen geht es hier um die MediaWiki-Syntax. MediaWiki ist ein PHP-Skript, welches die Grundlage zahlreicher Wikis bildet, darunter auch der Wikipedia.
Das von mir programmierte Tabellenparser-Plugin beherrscht zuimdest die auf dieser MediaWiki-Seite veröffentlichte Syntax. Die Beispiele dort sollten auch auf unseren Seiten problemlos laufen. Einen kleinen Unterschied gibt es aber doch: Du mußt die MediaWiki-Syntax in einem Tag-Block (wikitable) einbetten, so daß PivotX erkennt, wann mein Tabellenparser-Plugin zum Einsatz kommen muß.

Einfachstes Beispiel einer Tabelle:

Eingabe:

]

 ]{||Orange|Apfel|-|Brot|Torte|-|Butter|Eis|} ]

]

Ausgabe:

]
{|
|Orange
|Apfel
|-
|Brot
|Torte
|-
|Butter
|Eis
|}
]

Das ist eine Tabelle mit den Grundlayout unserer Seiten. In der HTML-Ansicht sieht es so aus:

]

  
    
Orange
    
Apfel
  
  
    
Brot
    
Torte
  
  
    
Butter
    
Eis
  

]

Tabelle mit Rahmen und CSS

Eine weitere Tabelle mit einem 1 Pixel breitem Rahmen, einer rechts ausgerichteten Spalte und einer Zeile mit kursivem, grüngefärbten Inhalt:

Eingabe:

]

 ]{| border="1"|Orange|Apfel|align="right"|12,333.00|-|Brot|Torte|align="right"|500.00|- style="font-style:italic;color:green;"|Butter|Eis|align="right"|1.00|} ]

]

Ausgabe:

]
{| border=”1″
|Orange
|Apfel
|align=”right”|12,333.00
|-
|Brot
|Torte
|align=”right”|500.00
|- style=”font-style:italic;color:green;”
|Butter
|Eis
|align=”right”|1.00
|}
]

Das ist eine Tabelle mit den Grundlayout unserer Seiten. In der HTML-Ansicht sieht es so aus:

Kleine Helferlein

Im Internet gibt es einige Tools zur Konvertierung von HTML-Tabellen in das MediaWiki-Format. Konvertiere dort Deine Tabellen und füge den genrierten Code dann in den Online-Editor (WYSIWYG-Ansicht) ein.

• HTML to Wiki Converter bei der Uni Bonn von Boris Manolov. Geschützte Sonderzeichen werden nicht ersetzt, was dazu führt, daß diese von PivotX auch nicht mehr geparst werden. Den generierten Code solltest Du erst in einen Texteditor einfügen und dann hier im Online-Editor – zusammen mit dem wikitable-Container.
• HTML-to-wiki converter von Magnus Manske bei Wikimedia. Es basiert auf dem Skript von Manolov. Als Wiki dialect mußt Du MediaWiki auswählen. Dieser Konvertierer hat Probleme mit geschützten Sonderzeichen (insbesondere Umlaute). Den wikitable-Container mußt Du wieder selbst hinzufügen.
  Trotz des Mankos mit den Umlauten empfehle ich diesen Konverter.
• Seapine-Labs. Dieser Konverter produziert UTF8-Code und ist wegen fehlender Zeilenumbrüche leider nicht für mein Plugin zu gebrauchen. Außerdem ist der MediaWiki-Code kaum noch lesbar.
  Wenn ich mein Plugin mal aufrüste, ist dieser Anbieter sicher zu empfehlen.
• Emiliano Bruni bietet einen Online-Konvertierer an, auf den leider das Gleiche wie auf den Seapine-Konverter zutrifft.
• Eigene Lösung, die auf dem Quellcode von Magnus Manske aufsetzt. Dieses Skript funktioniert problemlos und ist sehr zu empfehlen. Es muß aber noch weiter angepaßt werden.