Create a TextEditor by Bootstrap and JavaScript
因为想尝试着将学习到的DOM技术应用到实际项目中去,更好地掌握前端这方面的内容,所以有了做一个网页文本编辑器的想法。
确定了文本编辑器大体的需求后,便开始用Bootstrap&css建立编辑器的基本界面,之后也开始对web富文本编辑器的实现查阅了一些资料,发现要实现文本编辑器基本功能需要在底层做很大的功夫——最简单的加粗处理都需要分析不同情况下文档节点上样式的切换,即需要了解DOM树中节点遍历以及相应的算法基础。除此之外,获取选中文本的状态并反映到操作button上也是项目需要研究一大部分。所幸的是,window对象提供了相应的文本处理API(execCommand),因此现阶段决定先熟悉现有的API操作,完成基本的功能开发后,再回过头考虑原生功能的构建。