富文本editor

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

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

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

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

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

html 复制代码

2、常用的富文档编辑器

3、slate源码解析额

相关推荐
IT_陈寒2 分钟前
Java的HashMap竟然不是线程安全的,现在才知道!
前端·人工智能·后端
IT_陈寒3 分钟前
React hooks闭包陷阱让我加了一宿班
前端·人工智能·后端
不一样的少年_4 分钟前
设计稿里的图片明明很清晰,为什么到了手机上却糊了?一文讲透 DPR、压缩与格式选择
前端·后端·图片资源
计算机魔术师5 分钟前
OpenAI内部数据曝光:AI已经替人类写了3.1倍的研究代码
前端
心易行者7 分钟前
用html在线运行做数据可视化大屏,5个实战场景从入门到上线
大数据·前端·数据库·人工智能·python
光影少年8 分钟前
从输入URL到页面渲染,React/RN 整体加载流程
前端·javascript·react native·react.js·前端框架
兔子零102410 分钟前
我给 Pi Coding Agent 做了一个桌面控制台:Pi-Harness
前端·javascript·后端
Kevin Coding11 分钟前
鸿蒙 emitter/EventHub 没有 Sticky 粘性事件?手写一个轻量级 EmitterManager 解决
前端·华为·前端框架·移动开发·harmonyos
Rescenix14 分钟前
agent前台被批量举报的复盘:频率特征 + uv venv shim 幻影导致的进程双开误判
前端·人工智能
谷无姜15 分钟前
QuizForge:在不停踩坑后的技术决策复盘
前端·nestjs