《从零开始, 开发一个 Web Office 套件》系列博客目录
随着时代发展,Web上承载的应用日趋复杂多样。这导致传统的基于 HTML DOM 的应用在组织超大型软件方面日渐捉襟见肘。这是一个系列博客,最终目的是要做一个基于 HTML Canvas 的、类似于微软 Office 的 Web Office 套件(包括:文档、表格、幻灯片……等等)。
知乎专栏:《从零开始, 开发一个 Web Office 套件》
富文本编辑器 Github repo 地址:https://github.com/zhaokang555/canvas-text-editor
富文本编辑器 在线 Demo:https://zhaokang555.github.io/canvas-text-editor/
从零开始,开发一个 Web Office 套件(1):富文本编辑器
从零开始,开发一个 Web Office 套件(2):富文本编辑器
从零开始,开发一个 Web Office 套件(3):鼠标事件
从零开始,开发一个 Web Office 套件(4):新的问题—— z-index
从零开始,开发一个 Web Office 套件(5):Mouse hover over text
从零开始,开发一个 Web Office 套件(6):光标 & Click 事件
从零开始,开发一个 Web Office 套件(7):新的问题—— Click 事件的 z-index
从零开始,开发一个 Web Office 套件(8):状态管理 & 拖动鼠标选中文字
从零开始,开发一个 Web Office 套件(9):拖动鼠标选中文字 Edge Case
从零开始,开发一个 Web Office 套件(10):捕获键盘事件,输入文字
从零开始,开发一个 Web Office 套件(11):支持中文输入法(or 其它使用输入法的语言)
从零开始,开发一个 Web Office 套件(12):删除文字 & 回车换行
从零开始,开发一个 Web Office 套件(13):删除、替换已选中文字
从零开始,开发一个 Web Office 套件(14):复制、粘贴、剪切、全选
从零开始,开发一个 Web Office 套件(15):拖动边框,平移编辑器
从零开始,开发一个 Web Office 套件(16):拖动控制点,调整编辑器大小