Tabellen in HTML umwandeln

Von Sahanya am 09. März 2010 um 10:06

Tabellen, die als Excel-, Calc- oder sogar als Tabelle in einem Word-Dokument vorliegen in ein HTML-Dokument einzufügen kann manchmal ganz schön nervenaufreibend sein. Man kann zwar mit allen Programmen die Daten auch als HTML-Dokument abspeichern, muss meistens aber noch ganz schön nacharbeiten.

Eine wirklich einfache und sehr schnelle Lösung ist da der Tableizer von Danny Sanchez. Hier kann man (geradlinige) Tabellen einfach per Copy und Paste einfügen, die Schriftgröße und -art sowie die Kopffarbe festlegen, Button anklicken und fertig. Den nun erstellten Code kann man dann in jedes beliebige HTML-Dokument einfügen. Der passende CSS-Code wird gleich mitgeliefert.

Falls man mehrere Tabellen, im gleichen Stil, veröffentlichen will, bietet es sich natürlich an den CSS-Code in die CSS-Datei auszulagern.

: Daten eingeben bei Tableizer

: Erstellte Tabelle mit Tableizer

Profis überarbeiten das CSS sicherlich komplett nach ihren eigenen Wünschen, aber für Semiprofis oder Laien denke ich, bietet das Tool eine wirklich gute Hilfe. Einziger Wermutstropfen ist, dass (wie oben schon angedeutet) nur Tabellen korrekt umgesetzt werden, die "geradlinig" sind, soll heißen verbundene Zellen werden nicht erkannt. Der Tableizer ignoriert dies einfach, macht also auch keinen Salat aus den Daten.

Via Plerzelwupp

Diesen Artikel weiterempfehlen:

7 Reaktionen auf diesen Beitrag »»

Kommentare

Hannes Schurig sagte am
9. März 2010 um 11:37 folgendes:

Funktioniert ziemlich gut und kommt mir gerade auch sehr gelegen, danke für den Tipp.

Antworten
Thomas Scholz sagte am
9. März 2010 um 13:19 folgendes:

Man kann auch in der Tabellenkalkulation sauberen Code ohne zusätzliche Werkzeuge erzeugen. Anleitung.

Antworten
- Perun sagte am
  10. März 2010 um 18:34 folgendes:
  
  Hallo Thomas,
  
  dein Ansatz bringt aber auf jeden Fall zusätzliche Arbeit mit sich: man muss die HTML-Tags einfügen. Bei unserem Ansatz kannst du eine beliebige Tabelle nehmen und das Script fügt die Tags automatisch ein.
  
  Ich finde das viel komfortabler.
  
  Antworten
  - Thomas Scholz sagte am
    10. März 2010 um 20:37 folgendes:
    
    Naja, man muß sich meistens ja nur eine leere Reihe kopieren. Ich habe Kunden, die von HTML rein gar nichts verstehen und damit sehr gut klarkommen.
    
    Vorteile: Man muß keine Styles des Editors entfernen, und einen richtigen thead hat man auch noch. In beidem versagt der Tableizer genauso wie viele andere Werkzeuge.
    
    Antworten
    - firehorse sagte am
      5. Juni 2010 um 17:17 folgendes:
      
      Glückwunsch, wenn du Klienten hast die sich überhaupt damit beschäftigen. Ist selten. Ich kenne Büro's da wird, Dank Drucktreiber, eine PFD erstellt und ins Netz gestellt. Die sind scheinbar schon glücklich dass sie dies mit so einer altertümlichen Verfahrenstechnik überhaupt hinbekommen
plerzelwupp sagte am
9. März 2010 um 13:46 folgendes:

Herzlichen Dank für die Benennung
Nun, es geht in erster Linie ja darum "mal schnell eine Tabelle" anzulegen. Dass es hierfür hunderte von Möglichkeiten gibt ist auch klar. Viele Editoren haben auch eine table-Funktion.
Eine weiterer, recht interessanter Ansatz ist es, Google Spreadsheets (z.B. über Web-Elements) per iframe einzubinden.

Antworten