富文本editor

1、50行代码撸一个简易编辑器

现有的富文本编辑器,底层是基于 contenteditable+document.execCommand,使用API可参考mdn文档:

js 复制代码
bool = document.execCommand(aCommandName, aShowDefaultUI, aValueArgument)

下面基于上面两个api,实现可以设置文本格式,插入html和图片。

contenteditable 编辑器自带的粘贴是带格式的,我们可以实现word上的仅粘贴文档功能。

html 复制代码

2、常用的富文档编辑器

3、slate源码解析额

相关推荐
小小小小宇5 分钟前
一个小小的柯里化函数
前端
灵感__idea9 分钟前
JavaScript高级程序设计(第5版):无处不在的集合
前端·javascript·程序员
小小小小宇12 分钟前
前端双Token机制无感刷新
前端
小小小小宇14 分钟前
重提React闭包陷阱
前端
小小小小宇30 分钟前
前端XSS和CSRF以及CSP
前端
UFIT34 分钟前
NoSQL之redis哨兵
java·前端·算法
超级土豆粉41 分钟前
CSS3 的特性
前端·css·css3
星辰引路-Lefan42 分钟前
深入理解React Hooks的原理与实践
前端·javascript·react.js
wyn200011281 小时前
JavaWeb的一些基础技术
前端
Hygge-star1 小时前
Flask音频处理:构建高效的Web音频应用指南
前端·flask·音视频·pygame·csdn开发云