富文本editor

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

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

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

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

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

html 复制代码

2、常用的富文档编辑器

3、slate源码解析额

相关推荐
我有一棵树3 分钟前
使用Flex布局实现多行多列,每个列宽度相同
前端·css·html·scss·flex
浪裡遊5 分钟前
React开发模式解析:JSX语法与生命周期管理
前端·javascript·react.js·前端框架·ecmascript
用户8772447539610 分钟前
Lubanno7UniverSheet:开放底层能力,让你的表格需求 “不设限”
前端
张可爱15 分钟前
ES6奶茶铺版通俗笔记 🍵✨
前端
用户8772447539615 分钟前
Lubanno7UniverSheet:选择命令式,为了真正的跨框架通用
前端
Aoda22 分钟前
从痛点到落地:PawHaven 的 Monorepo 架构设计
前端·javascript
望获linux25 分钟前
【实时Linux实战系列】使用 u-trace 或 a-trace 进行用户态应用剖析
java·linux·前端·网络·数据库·elasticsearch·操作系统
zxg_神说要有光32 分钟前
我好像找到了最适合我的生活状态
前端·javascript
飞哥数智坊36 分钟前
今天,我的个人网站正式上线了!
前端
念念不忘 必有回响1 小时前
前端自动化部署全流程(Jenkins + Nginx)
前端·自动化·jenkins