富文本editor

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

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

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

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

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

html 复制代码

2、常用的富文档编辑器

3、slate源码解析额

相关推荐
晴栀ay5 小时前
React性能优化三剑客:useMemo、memo与useCallback
前端·javascript·react.js
JS_GGbond5 小时前
JavaScript继承大冒险:从“原型江湖”到“class殿堂”
前端
XiaoYu20025 小时前
第6章 Postgres数据库安装
前端·postgresql
洛卡卡了5 小时前
从活动编排到积分系统:事件驱动在业务系统中的一次延伸
前端·后端·面试
知其然亦知其所以然5 小时前
别再死记硬背了,一篇文章搞懂 JS 乘性操作符
前端·javascript·程序员
JS_GGbond5 小时前
前端大扫除:JS垃圾回收与那些“赖着不走”的内存泄露
前端
葡萄城技术团队5 小时前
轻量级部署:SpreadJS 包依赖优化与打包体积瘦身秘籍
前端
阿湯哥5 小时前
Design Token 详解
前端
json{shen:"jing"}5 小时前
08_组件基础
前端·javascript·vue.js
嚣张丶小麦兜5 小时前
docker的简单应用
前端·docker