庆祝！KuroEditor v1.0.0 里程碑及“布局多样性”vol.3
KuroEditor 终于迎来 v1.0.0 里程碑。除了修复 Bug,最新版本还带来了实用的功能演进,例如“RoundBox”悬浮框和更深层次的表格功能。
从“勉强能用”到“正式发布”的飞跃
自 KuroEditor 开始开发以来已经过去了几个月。在第一期中感叹了开发它的必要性并在第二期中发布了其机制和首个版本之后,我便踏上了不归路。现在,版本号终于迎来了“1.0.0”里程碑。在 0.3.x 版本迭代中积累的 200 多项微小改进最终凝聚成了这个完成形态。
在此次重大更新中,我们保持了无库依赖、纯原生 JS（Vanilla JS）的灵活设计理念,同时引入了“结构性新功能”,大幅提升了博客撰写时的表现力。它不再仅仅是一个文本编辑器,而是开始呈现出简单布局工具的雏形。
v1.0.0 亮点：“RoundBox”悬浮框
v1.0.0 中最显眼的新增功能是可自由放置的“RoundBox”（kuro-roundbox）。这在以往的富文本编辑器（WYSIWYG）中是很难实现的。诸如“在文字旁放置补充信息” or “将图片与文本并排排列”等布局,现在只需点击一个按钮即可完成。
它不仅仅是一个盒子。除了指定宽度外,你还可以设置左浮动或右浮动（文字环绕效果）,它甚至支持嵌套结构以实现在盒子内部进行更多装饰。从技术上讲,它包含自动计算位置的逻辑,以避免光标/弹出菜单与盒子重叠,让您即使在复杂布局下也能专注写作,毫无压力。
深耕表格功能：CSV 粘贴与可用性提升
我在第二期中着重介绍的表格功能在 v1.0.0 中得到了进一步进化。一个特别高频的诉求是导入外部数据。
新功能 | 详情与优势 |
CSV/TSV 粘贴 | 瞬间将从 Excel 或电子表格中复制的数据展开为表格。 |
垂直对齐 | 将单元格内的文本位置设置为“顶部、居中或底部”。 |
一键删除 | 新增一键删除整张表格的按钮,改善了 UI 以减少误操作。 |
字符统计 | 在编辑器底部提供实时的字符数量统计标签。出乎意料地实用。 |
*还支持从 Dropbox Paper 复制粘贴！哈哈
细致入微的 UI：菜单防重叠碰撞逻辑
随着功能的增多,UI 很容易变得杂乱。然而,KuroEditor 的终极使命是“不干扰写作”。在本次更新中,我重新设计了“防重叠逻辑”,动态计算各种悬浮菜单的显示位置,使其互不重叠。
例如,即使在 RoundBox 紧贴在表格下方的局促区域内,菜单也会“啪”地一下出现在最合适的位置。为了实现这种“理所当然的表现”,我审阅了数千行逻辑。这种毫米级的执念只有在不使用框架时才能实现。
KuroEditor 的未来
随着 v1.0.0 的发布,KuroEditor 的根基已经稳固。虽然未来的工作将以修复 Bug 为主,但我计划逐步减少代码体积。“极速原生 JS、零依赖、无处不在的运行能力”这一底层哲学永远不会动摇。
KuroEditor 伴随着 KuroCMS 一同成长。通过这次更新,我有信心它已经达到了单文件库的最高功能水平。如果您对此感兴趣,欢迎查看 GitHub 仓库,或在我们的示例页面上亲自体验这“流畅”的编写手感。
信息来源