富文本editor

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

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

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

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

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

html 复制代码

2、常用的富文档编辑器

3、slate源码解析额

相关推荐
Aotman_几秒前
Vue el-table 字段自定义排序
前端·javascript·vue.js·es6
LaiYoung_3 分钟前
🛡️ 代码质量的“埃癸斯”:为什么你的项目需要这面更懂业务的 ESLint 神盾?
前端·代码规范·eslint
AAA阿giao16 分钟前
qoder-cli:下一代命令行 AI 编程代理——全面解析与深度实践指南
开发语言·前端·人工智能·ai编程·mcp·context7·qoder-cli
我有一棵树18 分钟前
Vite 7 中 dev 没样式、build 却正常:一次由 CSS import 位置引发的工程化问题
前端·javascript·vue.js
@Autowire19 分钟前
CSS 中 px、%、vh、vw 这四种常用单位的区别
前端·css
@Autowire22 分钟前
CSS 中「继承属性」的核心知识,包括哪些属性可继承、继承的规则、如何控制继承(继承/取消继承)
前端·css
万行28 分钟前
机器人系统ros2&期末速通2
前端·人工智能·python·算法·机器学习
天天向上102428 分钟前
css Grid常用布局
前端·css
syty202033 分钟前
RedisTemplate方法汇总
前端·bootstrap·html