富文本editor

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

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

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

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

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

html 复制代码

2、常用的富文档编辑器

3、slate源码解析额

相关推荐
能源革命7 小时前
Vue 网格拖拽布局组件全景指南:7 大方案深度对比
前端·javascript·vue.js
穆梓兰煊7 小时前
AI供应链安全不再只是包安全,还涉及模型与数据
前端·数据库
deli0077 小时前
Skill 怎么写才被 Agent 命中?18 条规则做成 SKILL.md 校验器,规范样例 92 分
前端
Hum8le7 小时前
CTF题目《easy_web》(安洵杯 2019 变种 Web)
前端·安全·web安全
coding漫漫长路7 小时前
二值化后还剩1212个黑点,OCR却认成了乱码
前端
不可能片场7 小时前
AI视频口型对齐 用音频驱动说话镜头
前端·electron
Lank_M7 小时前
OCR一个字没认错,倾斜2.5°却把行序排乱了
前端
daols887 小时前
vue 表格组件 vxe-table 实现自定义多行编辑功能
前端·javascript·vue.js·vxe-table
不要试图纠正别人7 小时前
别让大模型算钱:我把优惠券组合优化写成了确定性算法
前端
IT_Octopus8 小时前
【零基础入门 LLM 开发 · Day 11】:ChatOpenAI vs init_chat_model——一行换供应商
java·前端·javascript