富文本editor

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

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

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

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

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

html 复制代码

2、常用的富文档编辑器

3、slate源码解析额

相关推荐
网络点点滴4 分钟前
Vue组件通信-mitt
前端·javascript·vue.js
拾贰_C4 分钟前
[spring boot | springboot web ] spring boot web项目启动失败问题
前端·spring boot·后端
王家视频教程图书馆5 分钟前
大前端(原生开发的尽头是html css js)
前端·javascript·css
低保和光头哪个先来8 分钟前
TinyEditor 篇2:剪贴板粘贴图片并同步上传至服务器
服务器·前端·javascript·css·vue.js
青柠代码录12 分钟前
【Vue3】SCSS 基础篇
前端·scss
为美好的生活献上中指12 分钟前
*Java 沉淀重走长征路*之——《Java Web 应用开发完全指南:从零到企业实战(两万字深度解析)》
java·开发语言·前端·html·javaweb·js
阳火锅14 分钟前
AI时代的到来,我想打造这样一款产品。
前端·javascript·vue.js
llxxyy卢15 分钟前
polar-web题目
开发语言·前端·javascript
OpenTiny社区17 分钟前
不仅是修复 Bug:TinyVue 3.29.0 把“无障碍信息”写进了组件的 DNA 里
前端·javascript·vue.js