首页
AI Coding
数据标注
NEW
沸点
课程
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
编辑器
订阅
虹兮
更多收藏集
微信扫码分享
微信
新浪微博
QQ
11篇文章 · 0订阅
Slate.js - 革命性的富文本编辑框架
相信很多同学即便没有接触过富文本编辑领域,也一定听说过【富文本编辑是天坑,千万不要碰】的说法——是的,富文本编辑是天坑,但 Slate 能很好地帮助你。下面会介绍富文本编辑的复杂度所在,以及 Slate 的解决方式。 富文本编辑领域和常规的前端开发相比,有个非常微妙的区别:在这…
Slate 源码解析(二)
前言 在第一篇文章中 Slate 源码分析(一)我已经从源码角度分析了 Slate 核心的包 slate 的实现,也就是 Controller 和 Model 设计,那么本篇文章中会带大家学习...
【长文】Web 富文本编辑器框架 slate.js - 从基本使用到核心概念
slate.js 提供了 Web 富文本编辑器的底层能力,并不是开箱即用的,需要自己二次开发许多内容。 也正是这个特点,使得它的扩展性特别好,许多想要定制开发编辑器的,都会选择基于 slate.js 进行二次开发。 slate.js 能满足全世界用户进行定制开发、扩展功能,说明…
从 MVC 架构的角度看 Slate
前言Slate 是一个完全可定制的、用来构建富文本编辑器的框架,它受 Draft.js、Prosemirror、Quill 等的启发,你可以使用 Slate 构建像Medium, Dropbox Pa
基于 slate.js(不依赖 React)设计富文本编辑器
wangEditor 正在设计新版本,力争做一个更加稳定、简洁的开源富文本编辑器。虽然已经实现部分功能,但目前还处于技术方案设计过程中,API 和代码结构还会继续调整。
从零写一个富文本编辑器(二)——文档模型
在《从零写一个富文本编辑器(一)》中,我们实现了一个非常简单的富文本编辑器,但是,很明显的一个问题就是,我们并没有把富文本内容抽象成数据,即没有数据驱动。L1编辑器也只是部分数据驱动,没有脱离contenteditable,真正的数据驱动还得L2。 开发不友好。当开发者使用我们…
从零开始写一个富文本编辑器(一)
搜了一下掘金,发现富文本编辑器的文章实在是太少了,于是一时兴起,准备写一个系列,从Level 0的编辑器写到Level 2的编辑器。 从Level 0到Level 2,个人理解就是将富文本编辑器的控制权一步步由浏览器控制,变成由开发者控制。 利用浏览器的能力,我们便拥有了一个最…
Slate源码解析(一)
背景 首先明确一个点,我们的 wangEditor 编辑器 5.0 版本已确定使用 Slate 作为核心依赖开发,但是为了不受框架限制,我们不直接使用 Slate 自己封装的 “View” 也就是..
现代 Web 富文本编辑器 Quill.js - 从基本使用到核心概念
Quill 是一款非常优秀的 Web 富文本编辑器,近半年 npm 周下载量一直在 40w+ ,用户量很大。 Quill 的官网 我有时候打不开,有时候打开很慢。于是,找到一篇中文翻译的文档和当前 npm 版本很接近。 从底层实现上,Quill 也和 slate.js 一样,是…
利用 javascript 实现富文本编辑器
不打算考虑兼容性,所以没有必要采用UEditor这么重的插件。为此决定自研一个富文本编辑器。本文,主要介绍如何实现富文本编辑器,和解决一些不同浏览器和设备之间的bug。