富文本editor

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

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

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

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

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

html 复制代码

2、常用的富文档编辑器

3、slate源码解析额

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