如何从零起步，实现Web Office套件中文字的删除与替换功能？

本文共计454个文字，预计阅读时间需要2分钟。

这是一个系列博客，旨在最终制作一个基于HTML Canvas、类似微软Office的Web Office套件（包括文档、表格、幻灯片等）。通过自由交流：从零开始，开发一个Web Office套件。

这是一个系列博客，最终目的是要做一个基于 HTML Canvas 的、类似于微软 Office 的 Web Office 套件（包括：文档、表格、幻灯片……等等）。
自由互联：《从零开始, 开发一个 Web Office 套件》系列博客目录
富文本编辑器 Github repo 地址：github.com/zhaokang555/canvas-text-editor
富文本编辑器 在线 Demo：zhaokang555.github.io/canvas-text-editor/

2. 富文本编辑器（MVP） 2.26 Feature：删除、替换已选中文字 2.26.1 算法

当我们按下按键时，首先判断下是否有选中文字：

1. 如果此前已经选中了文字，则：
   1. 删除选中文字
   2. 如果按下的是'Backspace'键，将光标移动到删除位置
   3. 如果按下的是'Enter'键，将本段落从删除位置截断为两段，将光标移动到下一段开头处
   4. 如果输入的是普通文字（无论是否正在使用输入法），从删除位置插入文字
2. 如果此前没有选中文字，且光标是可见的，则直接进入前文已实现的插入/删除文字逻辑

2.26.2 实现

调用算法：

实现算法：

2.26.3 效果

删除已选中文字：

替换已选中文字：

（未完待续）