html编辑器实现原理
1个回答
关注
![]()
展开全部
最简单的思路：
1. 文本编辑器一般都用 iframe 实现。
2. iframe 内部文档的 designMode = 'on' 就是编辑模式。
3. designMode = 'on' 的情况下，可以执行浏览器的编辑命令 execCommand。
4. 编辑器的每一个按钮对应一个 command。
另外：
div 的属性 contEditable="true" 的情况下，也可以实现HTML的编辑。
如果要做出真正可用的编辑器，需要掌握两个知识点：
1. DOM
2. RANGE
网上有很多javascript的编辑器，可以参考。
咨询记录 · 回答于2021-08-15
html编辑器实现原理
html在线编辑器，是指在网站中，包含有特定html编辑页面，页面中含有一个html编辑器控件，可用于编辑html标签文档。kindEditor就是其中之一
想自己写个html简单符合自己需求的编辑器，在编辑器里面怎么实现鼠标点击在关键字上会成手指状态，并弹出另外的窗口（时间选择控件或其它窗口），再覆盖选中的那些关键字呢？能给个思路吗，谢谢
最简单的思路：1. 文本编辑器一般都用 iframe 实现。2. iframe 内部文档的 designMode = 'on' 就是编辑模式。3. designMode = 'on' 的情况下，可以执行浏览器的编辑命令 execCommand。4. 编辑器的每一个按钮对应一个 command。另外：div 的属性 contEditable="true" 的情况下，也可以实现HTML的编辑。如果要做出真正可用的编辑器，需要掌握两个知识点：1. DOM2. RANGE网上有很多javascript的编辑器，可以参考。
已赞过
评论
收起
你对这个回答的评价是？