富文本editor

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

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

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

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

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

html 复制代码

2、常用的富文档编辑器

3、slate源码解析额

相关推荐
神秘的猪头30 分钟前
ES6 字符串模板与现代 JavaScript 编程教学
前端·javascript
kaikaile19951 小时前
如何使用React和Redux构建现代化Web应用程序
前端·react.js·前端框架
江城开朗的豌豆1 小时前
TS类型进阶:如何把对象“管”得服服帖帖
前端·javascript
Cache技术分享1 小时前
226. Java 集合 - Set接口 —— 拒绝重复元素的集合
前端·后端
前端小咸鱼一条1 小时前
13. React中为什么使用setState
前端·javascript·react.js
没有bug.的程序员1 小时前
Spring Boot Actuator 监控机制解析
java·前端·spring boot·spring·源码
OpenTiny社区2 小时前
如何使用 TinyEditor 快速部署一个协同编辑器
前端·开源·编辑器·opentiny
IT_陈寒2 小时前
震惊!我用JavaScript实现了Excel的这5个核心功能,同事直呼内行!
前端·人工智能·后端
前端伪大叔2 小时前
freqtrade智能挂单策略,让你的资金利用率提升 50%+
前端·javascript·后端
江城开朗的豌豆2 小时前
从“any”战士到类型高手:我的TypeScript进阶心得
前端·javascript·前端框架