1、50行代码撸一个简易编辑器
现有的富文本编辑器,底层是基于 contenteditable
+document.execCommand
,使用API可参考mdn文档:
-
document.execCommand 当一个 HTML 文档切换到设计模式时,
document
暴露execCommand
方法,该方法允许运行命令来操纵可编辑内容区域的元素。
js
bool = document.execCommand(aCommandName, aShowDefaultUI, aValueArgument)
下面基于上面两个api,实现可以设置文本格式,插入html和图片。
contenteditable 编辑器自带的粘贴是带格式的,我们可以实现word上的仅粘贴文档功能。
html