Jetzt neu: HTML-Editor
UIkit kommt mit einem veritablen HTML-Editor im Gepäck, den ich Antville 1.5 gleich mit dem neuen Standardlayout verpasst habe.
Es ist nicht ein ganz 100%iger WYSIWYG-Editor, aber doch recht nahe dran.
Jedenfalls zeigt er die mit Markdown ausgezeichneten Bereiche bereits in dem Stil an, wie sie auch nach dem Speichern im Beitrag zu sehen sein werden.
Markdown, ein Wortspiel auf das Markup in HTML, ist eine einfache Auszeichnungssprache, mit der auch ohne Kenntnis davon zu haben, HTML-Code erstellt werden kann.
In Kombination mit den Antville-Macros, die in einem Beitrag erlaubt sind, lassen sich auf diese Weise Texte und Bilder flüssiger erstellen.
Zum einen ist der Aufwand zur Eingabe der Auszeichnungen minimiert – z.B. reichen mit Markdown zwei Underscores vor und nach einem Textbereich, um diesen kursiv darzustellen.
Zum anderen können Bilder mittels Antville-Macro bereits vor dem Hochladen eingebettet werden. Anstelle des Bildes erscheint ein Button, der nach Klick direkt die Seite zum Erstellen des neuen Bildes aufruft – mit bereits vorausgefülltem Bildnamen.
Im Zusammenwirken mit dem Vorschau-Button in der Menüleiste wird das Erstellen eines neuen Beitrags vom dazu bisher nötigen, regelmäßigen Zwischenspeichern und Überprüfen befreit.
Der neue Editor und bereits bestehende Layouts
Um den HTML-Editor auch auf Websites einzusetzen, die vor dem Update auf Version 1.5 erstellt wurden, gibt es mind. zwei Vorgehensweisen:
- Layout zurücksetzen (Pro-Tip: vorher bestehendes Layout exportieren)
- Die Skins Story#content und Story#edit vom Basislayout in die entsprechenden Skins im bestehenden Layout kopieren.
molosovsky
Texteingabe enthält leider eine seltsame, diskriminierende Funktion für Leute wie mich, die französische einfache Einführungszeichen verwenden. Die doppelten franz. Anführungszeichen sind kein Problem — »Voila!«. Öffnen kann ich einfache franz. Anführungszeichen noch problemlos … wenn auf Mac-Tastertur {ALT + Hochstell + N} drücke = › Aber wenn ich dann schließen will und {ALT + Hochstell + B} drücke, kommt nicht das gewünschte ‹-Zeichen, sondern nach links hin wird Text markiert.
O_o !!!
(Ich geh heut trotzdem zur Bank & denk an Euch!)
tobi Verwaltung
o_0 indeed! Das sind genau jene Feinheiten, die Software-Entwicklung so spannend machen :)
Ist vermerkt und werde ich versuchen zu beheben.
schneeschmelze2
Ich hänge mich mal dran: Der Editor ist in Safari leider ziemlich fehleranfällig.
Ich hatte es zunächst nicht bemerkt, weil ich meine Texte immer offline in einem reinen Texteditor schreibe und dann ins Blog kopiere, erst als ich einen Beitrag ändern wollte, ist es mir dann aufgefallen. Es gibt Probleme, den Cursor zu positionieren, manchmal kann man auch Text nicht markieren, um ihn an eine andere Stelle im selben Blogpost zu kopieren. Außerdem läuft der Editor auch etwas zäh... Die Fehler sind meistens später nicht mehr reproduzierbar. :( Deshalb diese zusammenfassende Rückmeldung mit meinen Erfahrungen.
Grundsätzlich ist Markdown eine feine Sache, es wäre aber besser, wenn es auch einen Schalter gäbe, um den neuen Editor ganz zu deaktivieren. Wäre das bitte machbar?
kinomu Verwaltung
(Auch mit Firefox funktioniert der neue Editor bei mir nicht ideal.)
Es ist natürlich auch möglich, das neue Layout mit dem bewährten Editor zu verwenden.
Wenn Sie editoralt (text/plain, 1 KB)
ober- oder unterhalb des Inhalts der Story#edit-Skin hinzufügen, können Sie beim Erstellen oder Bearbeiten jedes Beitrags wählen — oder Sie ersetzen den neuen Editor durch den bisherigen.
(Ich habe jetzt nicht die Zeit, das Layout anzupassen.)
molosovsky
Auch unter Chrome gibts diese Probleme. Hab auch beobachtet, dass ab und zu auch nur der Anfang des Beitragstextes im Eingabefeld erscheint, und man nach unten ›ins Weiße scrollt‹. Allerdings handelt es sich wohl um Ladeprobleme (? sacht der Laie). Wenn man ein wenig Geduld hat, dann kommt — zumindest bei mir — der komplette Text nach und auch die Curser-Platzierung/Zeilenauswahl funktioniert dann.
tobi Verwaltung
Derzeitiger Work-around bei mir: kurz die Vorschau anwählen, dann wieder zurück auf Markdown-Ansicht – und alles ist gut.
tobi Verwaltung
Zumindest die Probleme beim Positionieren des Cursors (bzw. dass der Text nicht vollständig erscheint) sollten behoben sein:
In der Test-Installation wurde der Work-around bereits eingespielt.
molosovsky
GOOD NEWS EVERONE! Zumindest wenn Ihr auch einfache ›französische‹ Anführungszeichen verwendet wollt mit dem neuen WYSIWYG-Editor.
Die doofe Belegung der normalen Ansteuerung {ALT + HOCHSTELL + B} des geschlossenen franz. Anführungszeichens ‹ mit der Funktion ›nach links markieren‹ ging mir nicht mehr aus dem Kopf. Hab also herumprobiert und siehe da: im neuen WYSIWYG-Editor muss man nun das franz. Anführungszeochen mit {ALT + CTRL + HOCHSTELL + B} schließen.
Molo glücklich.