富文本editor

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

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

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

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

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

html 复制代码

2、常用的富文档编辑器

3、slate源码解析额

相关推荐
捧 花19 小时前
FastAPI 基础语法:从一个完整接口理解 Web API 的设计
前端·python·fastapi·middleware
Hilaku19 小时前
一行 CSS 新特性干掉 20 行 JavaScript ?
前端·javascript·程序员
JarvanMo19 小时前
AI 写代码暴增 161 倍,移动开发有没有变得更差?
前端
梦曦i19 小时前
RouterLink v2.5.0:H5端原生能力全面回归
前端·uni-app
小林ixn19 小时前
React + Zustand + JWT:从零实现登录鉴权与请求拦截
前端·react.js·前端框架
葡萄城技术团队19 小时前
下拉多选类型单元格:在 SpreadJS 里接入 xm\-select
前端
粥里有勺糖20 小时前
视野修炼-技术周刊第130期 | 光影效果
前端·javascript·github
小岛前端20 小时前
AI Skills 已经封神,但新的问题却越来越严重!
前端·后端·github
拖孩20 小时前
一个人 + AI 做的小程序,上线 15 天赚了 10 块 5
前端·后端·微信小程序
用户939838294159920 小时前
安卓自动化脚本热更新怎么做?不重新打包 APK 也能更新代码
前端