富文本编辑器的技术演进之路

  1. 云栖社区>
  2. 博客>
  3. 正文

富文本编辑器的技术演进之路

初商 2019-08-06 22:08:19 浏览670
展开阅读全文

image.png

作者:UC 国际研发 闻节


原生编辑器

浏览器提供了两个原生特性:
contenteditable:
https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Editable_content
document.execCommand():
https://developer.mozilla.org/en-US/docs/Web/API/Document/execCommand
contenteditable 特性,可以指定某一容器变成可编辑器区域,即用户可以在容器内直接输入内容,或者删减内容。

execCommand API,可以对选中的某一段结构体,执行一个命令,譬如赋予黑体格式。

基于以上,可以做出最简单的富文本编辑器。

原来富文本编辑器是这么简单?当然不止如此简单!

首先问题集中在 exec



网友评论

登录后评论
0/500
评论
初商
+ 关注