Showing posts with label TextToHtmlTable Converter. Show all posts
Showing posts with label TextToHtmlTable Converter. Show all posts

Sunday, 5 September 2010

Javascript Source für den TextToHtmlTable Converter

Hier der Source für den TextToHtmlTable Converter, kann jeder verwenden wie er ihn braucht:


Ist denk ich nicht schwer zu verstehen, für die 'textarea' mit dem 'name' textToConvert wird als onclick Event einfach 'convert' gesetzt, das Ausgabefeld ist ebenfalls eine 'textarea' und erhält den 'name' 'convertedText'. Der Seperator ist einfach ein Textfeld mit 'name='seperator''. Leider arbeitet das Teil zur Darstellung des Sources nicht einwandfrei, so wird in Zeile 12 ein nonBreakingSpace im letzten String nicht angezeigt...
Ich hoffe ich kann das in den nächsten Tagen fixen, warum Blogspot da hin und wieder so seltsame Ergebnisse erzeugt ist mir ein Rätsel, scheint etwas mit internen Umwandlungen beim Abspeichern von Änderungen zu tun zu haben. Bei erstmaligen Speichern funkts halbwegs (aber nicht einwandfrei), bei jedem Drüberspeichern wirds schlimmer, muß also den Source jedesmal neu einfügen wenn ich den Post verändere, da sonst die nochmalige interne Anpassung des Textes durch das Blogspotteil den Source unkenntlich macht.

Saturday, 4 September 2010

Text in eine Html Tabelle umwandeln


Anläßlich dieses Eintrages machte ich mich im Netz auf die Suche, wie man Text angenehm in eine HTML Tabelle umwandeln kann, wobei jede Zeile eine Tabellen Zeile sein soll und in den Zeilen die Spalten mit einem Seperator getrennt sind. Ich wurde nicht fündig, drum habe ich mir schnell selber einen ziemlich primitiven in JavaScript gebastelt, vielleicht kanns ja wer brauchen.

Funktionsweise:
In das Feld 'Eingabe' kopiert man seinen Text, zum Beispiel:
Ctrl-a;Cursor zum Anfang der Zeile
Ctrl-e;Cursor zum Ende der Zeile
Ctrl-b;Ein Zeichen zurückgehen
Alt-b;Ein Wort zurückgehen
Als Seperator trägt man nun ';' ein, er zeigt wo man die Spaltentrennung haben möchte.
Dann klickt man auf Umwandeln, dadurch erhält man im Feld 'Ausgabe' diesen Text als HTML-Tabelle, die man nun einfach in irgendeiner HTML-Seite einbauen kann.

Seperator: 
Eingabe:


Ausgabe:


Falls es Probleme oder Verbesserungsvorschläge gibt, einfach einen Kommentar hinterlassen.
Hier gehts zum Source.