富文本editor

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

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

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

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

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

html 复制代码

2、常用的富文档编辑器

3、slate源码解析额

相关推荐
道友可好13 小时前
用 Linter 驾驭 AI:机械化执行的艺术
前端·人工智能·后端
流浪码农~13 小时前
Element Plus DatePicker 动态设置每周起始日
前端·vue.js·elementui
jason_yang13 小时前
刚发版就背锅?前端版本控制就靠他version-rocket
前端
如果超人不会飞13 小时前
TinyVue NavMenu导航菜单组件使用指南
前端·vue.js
Jason_chen13 小时前
Linux 3.0 串口机制深度解析:传统8250驱动与基础RS-232/485支持
linux·前端
TPBoreas13 小时前
前端面试问题打靶
前端
赵庆明老师13 小时前
JS检查提交的文件是否合规
开发语言·前端·javascript
禅思院13 小时前
前端请求取消与调度完全指南:从 AbortController 到企业级优先级架构
前端·设计模式·前端框架
颂love13 小时前
Vue的两大生态以及组件通信
前端·javascript·vue.js·typescript
甜汤圆13 小时前
Python 里**自定义数据单元**
前端