富文本editor

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

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

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

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

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

html 复制代码

2、常用的富文档编辑器

3、slate源码解析额

相关推荐
java1234_小锋4 分钟前
【技术专题】HTML5 网页技术 - HTML5 列表标签
前端·html·html5
强二小哥帅5 分钟前
Kotlin 协程复习笔记
前端
不可能片场8 分钟前
工程实践 原子替换改了 ctime 怎么修
前端·electron
暧暧内含光9 分钟前
HTTP 文件传输体系全解:从协议标头、OSS 架构到流媒体分片
前端
静默回滚10 分钟前
浏览器能显示AVIF,却导不出一张AVIF
前端
小皮虾15 分钟前
小程序全局状态还能这么简单?只需初始化一次,页面自动同步
前端·javascript·微信小程序
用户8186180280019 分钟前
RESTful API 设计规范与版本演进
前端
补码缩写20 分钟前
前端AVIF编码开多线程快两三倍,speed调到8就不快了
前端
cidy_9823 分钟前
企业级 AI Agent 工作台前端实战教程
前端
deli00723 分钟前
换个 DNS 网速真的变快吗?解析 6 步逐跳实测,快慢差 45 倍
前端