富文本editor

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

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

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

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

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

html 复制代码

2、常用的富文档编辑器

3、slate源码解析额

相关推荐
某只天落2 分钟前
Vue2 通用文件在线预览下载组件:一站式解决多类型文件处理需求(支持视频、文档、图片、Office)
前端
AY呀2 分钟前
黑马喽大闹天宫与JavaScript的寻亲记:作用域与作用域链全解析
前端·javascript·面试
金融数据出海3 分钟前
日本股票市场渲染 KlineCharts K 线图
前端·后端
是Yu欸7 分钟前
DevUI MateChat 技术演进:UI 与逻辑解耦的声明式 AI 交互架构
前端·人工智能·ui·ai·前端框架·devui·metachat
梦想CAD控件8 分钟前
AI生成CAD图纸(云原生CAD+AI让设计像聊天一样简单)
前端·javascript·vue.js
栀秋66615 分钟前
JavaScript 中的 简单数据类型:Symbol——是JavaScript成熟的标志
前端
Nayana23 分钟前
前端控制批量请求并发
前端
ssjlincgavw23 分钟前
前端高手进阶:从十万到千万,我的性能优化终极指南(实战篇)
前端
比老马还六23 分钟前
Bipes项目二次开发/设置功能-1(五)
前端·javascript
转转技术团队33 分钟前
VDOM 编年史
前端·设计模式·前端框架