富文本editor

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

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

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

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

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

html 复制代码

2、常用的富文档编辑器

3、slate源码解析额

相关推荐
yuanyxh14 小时前
Mac 软件推荐
前端·javascript·程序员
万少14 小时前
AtomCode开发微信小程序《谁去呀》 全流程
前端·javascript·后端
某人辛木15 小时前
Web自动化测试
前端·python·pycharm·pytest
Kagol15 小时前
Superpowers GSD gstack AgentSkills深度测评
前端·人工智能
excel16 小时前
JavaScript 字符串与模板字面量:从表象到本质理解
前端
京东云开发者17 小时前
当AI成为导演-如何用AI创作动漫短剧
前端
李白的天不白17 小时前
使用 SmartAdmin 进行前后端开发
java·前端
乘风gg17 小时前
🤡PUA AI Coding 工具 的 10 条终极语录
前端·ai编程·claude
学Linux的语莫17 小时前
Vue 3 入门教程
前端·javascript·vue.js
怕浪猫18 小时前
第一章、Chrome DevTools Protocol (CDP) 详解
前端·javascript·chrome