Feierlich! KuroEditor v1.0.0 Meilenstein und 'Layout-Vielfalt' Vol.3
KuroEditor erreicht v1.0.0. Neben Bugfixes bringt das Update praktische Neuerungen wie die schwebende 'RoundBox' und erweiterte Tabellenfunktionen.
Ein Sprung von 'kaum funktionstüchtig' zu 'offiziellem Release'
Es ist einige Monate her, seit die Entwicklung von KuroEditor begann. Nach dem Beklagen der Notwendigkeit in Vol. 1 und der Veröffentlichung des Mechanismus und der ersten Version in Vol. 2 habe ich einen Punkt ohne Wiederkehr erreicht. Nun hat die Versionsnummer endlich den Meilenstein '1.0.0' erreicht. Über 200 kleinere Verbesserungen im Bereich 0.3.x gipfelten in dieser fertigen Form.
In diesem großen Update habe ich unter Beibehaltung der flexiblen Designphilosophie von null Bibliotheksabhängigkeiten und reinem Vanilla JS 'strukturelle neue Funktionen' eingeführt, die die Ausdruckskraft des Blog-Schreibens dramatisch verbessern. Es ist kein reiner Texteditor mehr; es nimmt allmählich Züge eines einfachen Layout-Tools an.
v1.0.0 Highlight: 'RoundBox' schwebende Box
Die größte Neuerung in v1.0.0 ist die 'RoundBox' (kuro-roundbox), die frei platziert werden kann. Zuvor in WYSIWYG-Editoren schwierig, lassen sich Layouts wie 'Platzieren von Zusatzinfos neben dem Text' oder 'Nebeneinanderstellen von Bildern und Text' nun mit einer einzigen Schaltfläche realisieren.
Es ist mehr als nur eine Box. Neben der Breitenangabe können Sie das Floating (Umfließen) nach links oder rechts einstellen, und es unterstützt sogar verschachtelte Strukturen für weitere Dekorationen innerhalb von Boxen. Technisch enthält es eine Logik zur automatischen Berechnung von Positionen, um Überschneidungen zwischen dem Cursor/Pop-up-Menüs und den Boxen zu vermeiden, sodass Sie sich auch bei komplexen Layouts ohne Stress auf das Schreiben konzentrieren können.
Erweiterte Tabellenfunktionen: CSV-Einfügen und verbesserte Benutzerfreundlichkeit
Die Tabellenfunktionen, die ich in Vol. 2 hervorgehoben habe, wurden in v1.0.0 noch weiter entwickelt. Ein besonders großer Wunsch war der Import externer Daten.
Neue Funktion | Details und Vorteile |
CSV/TSV Einfügen | Fügen Sie aus Excel oder Tabellenkalkulationen kopierte Daten sofort in eine Tabelle ein. |
Vertikale Ausrichtung | Positionieren Sie Text innerhalb von Zellen 'Oben, Mittig oder Unten'. |
Ein-Klick-Löschen | Eine neue Schaltfläche zum Löschen der gesamten Tabelle verbessert die Benutzeroberfläche und reduziert Fehler. |
Zeichenzählung | Eine Echtzeit-Zeichenzählung am unteren Rand des Editors. Überraschend praktisch. |
*Unterstützt auch Copy-Paste aus Dropbox Paper! lol
Sorgfältige Benutzeroberfläche: Logik zur Vermeidung von Menükollisionen
Mit mehr Funktionen kann die Benutzeroberfläche leicht überladen wirken. Die ultimative Mission von KuroEditor ist jedoch, 'das Schreiben nicht zu stören'. Für dieses Update habe ich die 'Kollisionsvermeidung' überarbeitet, die Anzeigepositionen dynamisch berechnet, damit sich verschiedene schwebende Menüs nicht überschneiden.
Beispielsweise erscheint das Menü selbst in engen Bereichen, in denen sich eine RoundBox direkt unter einer Tabelle befindet, 'punktgenau' an der optimalen Stelle. Um dieses 'selbstverständliche Verhalten' zu realisieren, habe ich Tausende Zeilen Logik überprüft. Dies ist die Art von millimetergenauer Detailarbeit, die nur ohne Frameworks möglich ist.
Die Zukunft von KuroEditor
Mit v1.0.0 ist das Fundament von KuroEditor gelegt. Während sich die zukünftige Arbeit auf Fehlerbehebungen konzentriert, plane ich, das Codevolumen stetig zu reduzieren. Die zugrundeliegende Philosophie von 'superschnellem Vanilla JS, null Abhängigkeiten und überall lauffähig' wird niemals wanken.
KuroEditor entwickelt sich an der Seite von KuroCMS stetig weiter. Ich bin zuversichtlich, dass er mit diesem Update das höchste Funktionsniveau für eine Ein-Datei-Bibliothek erreicht hat. Bei Interesse besuchen Sie bitte das GitHub-Repository oder erleben Sie das 'flüssige' Schreibgefühl selbst auf unserer Demoseite.
Quellen