富文本editor

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

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

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

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

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

html 复制代码

2、常用的富文档编辑器

3、slate源码解析额

相关推荐
蓝婷儿7 分钟前
第二章:CSS秘典 · 色彩与布局的力量
前端·css
Wyc724091 小时前
HTML:入门
前端·html
Sunny_lxm1 小时前
自定义列甘特图,原生开发dhtmlxgantt根特图,根据数据生成只读根特图,页面展示html demo
前端·html·甘特图·dhtmlxgantt
熊猫钓鱼>_>2 小时前
建筑IT数字化突围:建筑设计企业的生存法则重塑
前端·javascript·easyui
GISer_Jing4 小时前
前端性能指标及优化策略——从加载、渲染和交互阶段分别解读详解并以Webpack+Vue项目为例进行解读
前端·javascript·vue
不知几秋4 小时前
数字取证-内存取证(volatility)
java·linux·前端
水银嘻嘻6 小时前
08 web 自动化之 PO 设计模式详解
前端·自动化
Zero1017137 小时前
【详解pnpm、npm、yarn区别】
前端·react.js·前端框架
&白帝&8 小时前
vue右键显示菜单
前端·javascript·vue.js
Wannaer8 小时前
从 Vue3 回望 Vue2:事件总线的前世今生
前端·javascript·vue.js