Vor einiger Zeit habe ich eine neue Software angefangen zu programmieren. Kam schon lange nicht mehr vor, da die meiste Zeit in die Pflege von unseren anderen Produkten wie DA-Formmaker und DA-BestellFormular gewandert ist.
Ursprünglich sollte es eine Anwendung für den privaten Gebrauch werden. Hintergrund war, dass ich meine Notizgen bisher in Evernote verwaltet habe. Diese wollte ich aber lieber in meiner privaten Cloud haben.
Meine Anforderungen waren: Notizen sollten sich hierarchisch verwalten lassen. Als Syntax sollte Markdown zum Einsatz kommen. Markdown verwende ich z.B. auch hier auf dieser Webseite zum Verfassen von Artikeln. Bilder und andere Dateien sollten sich ebenfalls leicht einbinden lassen.
Da sich Markdown sehr leicht in HTML umwandeln lässt, könnte man die Einträge dann in der Vorschau schön formatiert und mit Bildern anschauen.
Irgendwann wurde aus der Software dann doch etwas mehr. Es entstand ElTexto.
Die Software
ElTexto wurde zu einer recht universellen Anwendung. Die Anforderungen an Notizen und Webseiten sind in etwa gleich: Es gibt Seiten/Rubriken, die haben dann ggf. noch Unterseiten, welche wieder Unterseiten haben können.
Ob der Inhalt nun eine Notiz, Unterseite einer Webseite, Eintrag einer Online-Hilfe oder einer Dokumentation ist, letztendlich egal.
In ElTexto erstellt man also ein neues Projekt und wählt eine HTML-Vorlage aus. Die Vorlage dient als Basis für die ElTexto-Webseite. Natürlich lässt sich die Vorlage anpassen.
Die Vorlagen basieren auf Bootstrap. Das hat den Vorteil, dass diese responsive sind und auch auf dem Smartphone schick aussehen.
Inhalte
Die Eingabe erfolgt mittels Markdown. Damit kann man die Inhalte schnell eingeben, ohne sich mit HTML-Syntax auseinandersetzen zu müssen. Markdown kann zudem in jedem Texteditor bearbeitet werden.
Z.B. um eine Überschrift in Markdown zu setzen macht man einfach eine Raute an den Zeilenanfang:
# Überschrift
Bei Bildern war es uns wichtig, dass diese sich besonders leicht integrieren lassen. Bilder in Dateiform lassen sich mittels Drag&Drop einfügen. Im Hintergrund werden diese automatisch ins Projekt kopiert.
Viele Bilder sind bei mir Screenshots. In vielen HTML-Editorn, muss ich die Bilder erstmal ins richtige Verzeichnis abspeichern und dann einbinden.
In ElTexto sollte das direkt aus der Zwischenablage funktionieren. Bild kopieren, in ElTexto einfügen anklicken und im Hintergrund wird die Bilddatei eingebunden in automatisch ins Projekt übernommen.
Export
Hat man alle Inhalte angelegt, klickt man auf den Export-Button und schon wird die Webseite erstellt. Einen FTP-Upload haben wir auch eingebaut. Mit einem Klick geht die Seite dann online.
ElTexto lässt sich damit als Webseitengenerator beschreiben. In einfach.
Es gibt im OpenSource-Bereich ebenfalls solche Tools, z.B. Jekyll. Diese sind allerdings etwas umständlicher. Die Webseite, Vorlagen, Inhalte und Dateien müssen manuell erstellt werden und in der richtigen Struktur abgelegt werden. Anschließend generiert Jekyll daraus die Webseite. Diese muss man dann noch von Hand hochladen.
ElTexto nimmt einem diese ganze Arbeit ab.
Makros
Zu den ungeliebten und fehleranfälligen Elementen einer Webseite gehören Dinge wie Navigation, Sitemap, Menüs. Man legt eine neuen Seite an, lädt dann die Webseite hoch und stellt fest, das man die Verlinkung der neuen Seite irgendwo vergessen hat.
ElTexto nimmt diese Arbeit ab. Man fügt z.B. ein Makro für eine Sitemap ein. Beim Export werden diese Elemente automatisch mit erzeugt und sind damit immer aktuell.
Offene Dateistruktur
Ich mag Software nicht, welche meine Projekte in ein propäritäres Dateiformat packt. Bei ElTexto geht es offen zu. Alle Inhalte sind reine Markdown- und damit Textdateien. Diese lassen sich mit jedem Texteditor bearbeiten und anzeigen. Auch ohne ElTexto. Die dazu gehörigen Dateien liegen ebenfalls im gleichen Verzeichnis wie die Markdowndatei.
Dies erlaubt es auch, die Projekte in Subversion oder GIT abzulegen. Versionsvergleiche auf einzelne Artikel sind damit möglich.
Fügt man manuell neue Verzeichnisse und Seiten dazu, werden diese automatisch ins ElTexto Projekt übernommen.
Anwendungsgebiete
Mittlerweile haben wir einige unser Webseiten auf ElTexto umgestellt:
Zusätzlich verwalte ich meinen Notizen damit, welche ich über Seafile synchronisiere. Bei neuen Projekten erstelle ich in ElTexto gleich eine Projektdokumentation, bzw. persönliches Wiki, mit. Dort kommen dann Projektnotizen und Information rein. Braucht jemand Zugriff auf die Informationen, kann ich die Inhalte einfach als HTML exportieren und zur Verfügung stellen.
Auch Spezifikationen und Online-Hilfen habe ich damit schon erstellt.
Ende
Wer die Software mal ausprobieren möchte, kann diese unter www.ElTexto.net herunterladen. Wir haben bewusst nur geringe Einschränkungen in der Testversion eingebaut. Die Testversion läuft ohne Laufzeitbeschränkung. Beim Export wird ein Link zu uns eingebunden und ab und zu erscheint mal ein Hinweisfenster.
