dev.to | 📄 原文链接 | 2026-08-09 收录

每个网页富文本编辑器都缺一把标尺

来源:dev.to — 2026-08-09

📋 概述

字处理软件拥有水平标尺四十年了——拖动标记,段落的边距就跟着移动,每个写作者都无需教导就会用。但打开 Froala、TinyMCE、CKEditor 5 或 Quill,标尺不见了——不是藏在菜单里,而是根本不存在。CKEditor 5 的功能请求从 2020 年 9 月就开着。带标尺的编辑器(Syncfusion、ONLYOFFICE、DevExpress)都是拥有自家文档模型的重型文档处理器——它们能画标尺是因为它们拥有"页面"的概念,而 HTML 没有页面。作者的解法是停止要求"页面",转而问"标尺到底编辑什么":只需三个 CSS 属性——margin-left(左缩进)、margin-right(右缩进)、text-indent(首行缩进),映射 1:1 且输出可移植。他发布了 editor-ruler,一个编辑器无关的核心加各编辑器的薄适配层,Apache-2.0 许可。

🔑 核心要点

💡 金句

诀窍是别再去要一个"页面",而是问:这把标尺到底在编辑什么?答案是三个 CSS 属性,映射 1:1,这就是输出能到处带着走的原因。
← 返回 dev.to 首页