Tasfer：把整个文本编辑器画在 canvas 上
来源：hamza.se — 2026-11-08
📋 概述
作者受够了 contentEditable——按回车后 HTML 长什么样由浏览器决定、选区乱跳、粘贴带垃圾。他干脆把整个编辑器画在 HTML5 canvas 上：每个字母、光标、选区、断行和阿拉伯语从右到左排版，全都由自己的代码测量并绘制。
🔑 核心要点
- 浏览器仍然负责接收按键：一个隐藏 input 接住输入、自动更正以及阿拉伯语和中文输入法。
- 结果是跨浏览器、桌面与手机上表现完全一致，因为没人有机会替他决定渲染。
- 代价是活都得自己干：文本测量、断行、双向文本全部手写。
- 作者把这套架构概括成一句话：浏览器只负责听，不负责画。
💡 金句
In Tasfer, the browser never decides what is on the screen. The editor does.
👍 0
👎 0
← 返回 Hacker News 首页