富文本editor

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

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

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

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

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

html 复制代码

2、常用的富文档编辑器

3、slate源码解析额

相关推荐
就叫年华吧丶8 小时前
长文档点目录定位总是不准?一个 content-visibility + 平滑滚动引发的连环坑(Vue3 实战)
前端·javascript·算法·vue
JudithHuang8 小时前
React 路由:React Router
前端·react.js·前端框架
赵得C8 小时前
创建 SVG 图标预览页面:从零实现到解决 CORS 问题
前端·javascript·html
IT_陈寒8 小时前
Java的HashMap线程安全问题让我深夜掉光了头发
前端·人工智能·后端
三掌柜6668 小时前
ArkWeb 手记 04|Web 返回键别再一刀切
前端·harmonyos
光影少年8 小时前
RN与Flutter架构区别
前端·flutter·react native·react.js·架构·node.js
peter67688 小时前
css学习小结
前端·css·学习
liangshanbo12159 小时前
什么是CSS原子化?它的优劣势是什么?
前端·css·tensorflow·css原子化
.道阻且长.9 小时前
C++ 11:可变参数模板
前端·c++·算法
IMPYLH9 小时前
HTML 的 <th> 元素
前端·html