富文本editor

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

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

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

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

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

html 复制代码

2、常用的富文档编辑器

3、slate源码解析额

相关推荐
锋行天下8 小时前
半秒开!还有谁!!!
前端·vue.js·架构
代码搬运媛9 小时前
git 下中文文件名乱码问题解决
前端
CaffeinePro9 小时前
告别知识点零散!React零基础通关,从环境搭建到Ant Design页面实战
前端·react.js
cidy_989 小时前
水龙头领不到测试币?手把手用 Hardhat 本地环境零门槛学以太坊交易
前端
因_崔斯汀9 小时前
Three.js 3D 地图特效与材质实现指南
前端
angerdream10 小时前
手把手编写儿童手机远程监控App之vue3用 AI Agent生成菜单
前端
cidy_9810 小时前
Git Pull 代码冲突后完整回退教程
前端
JING小白10 小时前
Day 1 重学Vue:响应式系统的“底层逻辑”变更,Vue2旧时代的终结与Vue3新时代的开启
前端·vue.js
张就是我10659210 小时前
一个 ZIP 文件,把 webshell 写到了不该在的地方
前端
张就是我10659210 小时前
SPIP 的一个漏洞:你以为过滤了,其实没过滤干净
前端