Celebrating! KuroEditor v1.0.0 Milestone and 'Layout Diversity' vol.3
KuroEditor has finally reached the v1.0.0 milestone. More than just bug fixes, this latest version features practical evolutions like the 'RoundBox' floating box and deeper table functionality.
A Leap from 'Barely Working' to 'Official Release'
It's been a few months since the development of KuroEditor began. After lamenting the necessity in vol.1 and releasing the mechanism and first version in vol.2, I reached a point of no return. Now, the version number has finally hit the '1.0.0' milestone. Over 200 minor improvements in the 0.3.x range have culminated into this finished form.
In this major update, while maintaining the flexible design philosophy of zero library dependencies and pure Vanilla JS, I've introduced 'structural new features' that dramatically enhance the expressive power of blog writing. It's no longer just a text editor; it's starting to take on aspects of a simple layout tool.
v1.0.0 Highlight: 'RoundBox' Floating Box
The biggest addition in v1.0.0 is the 'RoundBox' (kuro-roundbox), which can be placed freely. Previously difficult in WYSIWYG editors, layouts like 'placing supplementary info next to text' or 'aligning images and text side-by-side' can now be achieved with a single button.
It's more than just a box. Besides specifying width, you can set floating (wrapping) to the left or right, and it even supports nested structures for further decoration inside boxes. Technically, it includes logic to automatically calculate positions to avoid overlapping between the cursor/pop-up menus and the boxes, allowing you to focus on writing without stress even in complex layouts.
Deepening Table Features: CSV Paste and Improved Usability
The table features I highlighted in vol.2 have evolved even further in v1.0.0. A particularly big request was importing external data.
New Feature | Details and Benefits |
CSV/TSV Paste | Instantly expand data copied from Excel or spreadsheets into a table. |
Vertical Alignment | Position text within cells at the 'Top, Center, or Bottom'. |
One-Click Delete | A new button to delete the entire table, improving the UI to reduce errors. |
Character Count | A real-time character count label at the bottom of the editor. Surprisingly handy. |
*Also supports copy-pasting from Dropbox Paper! lol
Meticulous UI: Menu Collision Avoidance Logic
With more features, UI can easily become cluttered. However, KuroEditor's ultimate mission is 'not to disturb writing.' For this update, I've revamped the 'overlap avoidance' that dynamically calculates display positions so that various floating menus don't overlap.
For example, even in tight areas where a RoundBox is immediately below a table, the menu will appear 'snappily' in the optimal location. To make this 'obvious behavior' a reality, I reviewed thousands of lines of logic. This is the kind of millimeter-level obsession possible only when not using frameworks.
The Future of KuroEditor
With v1.0.0, the foundation of KuroEditor is complete. While future work will focus on bug fixes, I plan to steadily reduce the code volume. The underlying philosophy of 'blazing fast Vanilla JS, zero dependencies, and running anywhere' will never waver.
KuroEditor continues to evolve alongside KuroCMS. With this update, I'm confident it has achieved the highest level of functionality for a single-file library. If you're interested, please check out the GitHub or experience the 'snappy' feel for yourself on our sample page.
Sources