富文本editor

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

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

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

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

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

html 复制代码

2、常用的富文档编辑器

3、slate源码解析额

相关推荐
ly76897 小时前
CSS 从入门到进阶:系统掌握现代网页样式与布局
前端·css
SWAGGY..7 小时前
【C++初阶】:(15)模板进阶--从非类型参数到模板特化与分离编译
java·服务器·前端
YHHLAI7 小时前
从「跑分」到「干活」:Benchmark 与 GPT 5.6 的两种叙事
大数据·前端·人工智能·react.js·前端框架
BigTopOne8 小时前
ArLiveLite 用到的 C++/JNI 技术点
前端
BigTopOne8 小时前
ArLiveLite 技术架构-Lite
前端
BigTopOne8 小时前
ArLiveLite-具体功能
前端
BigTopOne8 小时前
ArLiveLite -具体功能
前端
Sherotree8 小时前
理解 JWT:三段分别是什么
前端·ai·开源
BigTopOne8 小时前
ArLiveLite 用到的 FFmpeg API
前端
BigTopOne8 小时前
ArLiveLite -功能架构详解
前端