富文本editor

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

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

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

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

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

html 复制代码

2、常用的富文档编辑器

3、slate源码解析额

相关推荐
m***119012 小时前
【前端】Node.js使用教程
前端·node.js·vim
QianhangQianping12 小时前
前端技术迭代深析:从 CSS 布局到状态管理的进化之路
前端·css
阿道夫小狮子12 小时前
Android 反射
android·前端·javascript
特级业务专家12 小时前
写埋点、扒 SDK、改框架:JS 函数复写 10 连招实战手册
前端
感谢地心引力12 小时前
【HTML Living Standard 01】HTML基础概述
前端·html
૮・ﻌ・12 小时前
Vue2(三):自定义指令、插槽、路由
前端·javascript·vue.js
快落的小海疼13 小时前
全局重复接口取消&重复提示
前端·vue.js
快落的小海疼13 小时前
前端导出页面内容为PDF
前端