富文本editor

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

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

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

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

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

html 复制代码

2、常用的富文档编辑器

3、slate源码解析额

相关推荐
尽欢i7 小时前
用 return“瘦身“if-else:让代码少嵌套、好维护
前端·javascript
程序员Agions7 小时前
小程序"邪修"秘籍:那些官方文档不会告诉你的骚操作
前端·javascript
Charlo7 小时前
手把手配置 Ralph -- 火爆 X 的全自动 AI 编程工具
前端·后端·github
我真的叫奥运7 小时前
scss mixin svg 颜色控制 以及与 png 方案对比讨论
前端·svg
雲墨款哥7 小时前
从一行好奇的代码说起:React的 useEffect 到底是不是生命周期?
前端·react.js·设计模式
weixin_584121437 小时前
HTML+layui表单校验范围值,根据条件显示隐藏某输入框
前端·html·layui
加油乐7 小时前
react基础概念合集
前端·react.js
小白探索世界欧耶!~7 小时前
用iframe实现单个系统页面在多个系统中复用
开发语言·前端·javascript·vue.js·经验分享·笔记·iframe
bl4ckpe4ch7 小时前
用可复现实验直观理解 CORS 与 CSRF 的区别与联系
前端·web安全·网络安全·csrf·cors
阿珊和她的猫7 小时前
Webpack中import的原理剖析
前端·webpack·node.js