富文本editor

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

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

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

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

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

html 复制代码

2、常用的富文档编辑器

3、slate源码解析额

相关推荐
计算机魔术师8 小时前
OpenAI 回应智能体接管德语维基网站事件,称将改革 AI 误对齐事件披露机制
前端
晴天168 小时前
PWA 让网页拥有原生应用的体验
前端·pwa
雪芽蓝域zzs8 小时前
第十七节:面包屑导航组件(适配多级嵌套路由)
前端·javascript·vue.js
Csvn9 小时前
类型驱动开发(Type-Driven Development):让类型约束先行为导向
前端
计算机魔术师9 小时前
AI 代理把德国维基当留言板,OpenAI 闷声几周才承认
前端
yume_sibai9 小时前
Element Plus 其他实用组件完全指南(10个核心组件)
前端·javascript·vue.js
雪芽蓝域zzs9 小时前
第二十二节:进阶:用户管理新增、编辑弹窗 + 表单校验
前端·javascript·vue.js
IT_陈寒9 小时前
Java字符串判等踩坑记:==和equals真的不能乱用
前端·人工智能·后端
晴天169 小时前
前端虚拟滚动(虚拟列表)原理与实战
前端
晴天169 小时前
前端 RAIL 性能模型实战分享-Day37
前端