富文本editor

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

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

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

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

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

html 复制代码

2、常用的富文档编辑器

3、slate源码解析额

相关推荐
IT_陈寒1 分钟前
SpringBoot 3.2实战:我用这5个冷门特性将接口QPS提升了200%
前端·人工智能·后端
小流苏生6 分钟前
当你不再热爱自己的工作和生活……
前端·程序员·ai编程
Aliex_git7 分钟前
Vue 2 - 模板编译源码理解
前端·javascript·vue.js·笔记·前端框架
Thetimezipsby10 分钟前
Redux、React Redux 快速学习上手、简单易懂、知识速查
前端·react.js·redux
黎明初时14 分钟前
react基础框架搭建2-准备工作:react+router+redux+axios+Tailwind+webpack
前端·react.js·webpack
threerocks22 分钟前
我的年终总结 - 艰难的 2025
前端·面试·年终总结
随祥1 小时前
Tauri+vue开发桌面程序环境搭建
前端·javascript·vue.js
万少6 小时前
HarmonyOS官方模板集成创新活动-流蓝卡片
前端·harmonyos
-To be number.wan8 小时前
C++ 赋值运算符重载:深拷贝 vs 浅拷贝的生死线!
前端·c++
噢,我明白了9 小时前
JavaScript 中处理时间格式的核心方式
前端·javascript