Skip to content

Create a TextEditor by Bootstrap and JavaScript

Notifications You must be signed in to change notification settings

Dixiat/TextEditor

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

TextEditor

Create a TextEditor by Bootstrap and JavaScript

建立TextEditor初衷

因为想尝试着将学习到的DOM技术应用到实际项目中去,更好地掌握前端这方面的内容,所以有了做一个网页文本编辑器的想法。

开始动手

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

About

Create a TextEditor by Bootstrap and JavaScript

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published