接触quilljs是因为公司之前的富文本编辑器已经无法满足更多的内容生产场景，于是计划研发一款更加定制化的编辑器。经过一番调研，被quilljs强大的可扩展性，和它独有的parchment，delta的设计所吸引，选定了它（当然2W+的star也是一个重要原因）。但是“表格编辑…

我们知道form表单中的input、textarea之类标签是支持内容可编辑的，但并不支持富文本，如果在这些标签里粘贴带格式的内容，会被去格式，只保留文本内容。如果想设置可编辑富文本，有两种方式： 嵌入空页面的iframe，并设置designMode属性值为“on”，这样整个文…

富文本是给输入的内容增加样式，Quill 提供 api 的方式去判断修改 DOM ，而不像很多其他的编辑器通过遍历 DOM 树的方式来做到这点。并且 Quill 支持定制化功能，接下来来了解下如何使用 Quill 及它的相关源码。 参数一：可以是dom，可以选择器(自动去转换成…

最近产品想让我在富文本里加个旋转图片的功能，我一想🤔，就觉得事情并不简单，因为印象中好像没见过这种操作。果然，经过一番百度之后，确实没怎么看到相关信息，这也就意味着要自己动手丰衣足食了😢。但我自己对富文本又没什么了解，所以顺带稍微看了下富文本的实现方式，特此来沉淀一下，还是…

优秀的富文本编辑器有很多，比如：UEditor，wangEditor 等，但并不是每个都能在移动端有很好的表现。 我们暂且不讨论移动端是否真的需要富文本，既然有这需求，就把它实现出来。 正确的选择是成功的开始，开发之前肯定要做一些调研。 通过各种资料搜集，确定了几个备选的：UE…

一般创建和编辑页面总是同一个，那么当编辑的时候，内容区一开始是有数据的，这里稍微改下组件的写法，增加设置内容，顺便稍微改良写原有的写法。 默认上传图片只有网络链接，如果需要上传本地图片，需要增加额外参数。 上传图片的详细文档参照这里。 其实稍微有点复杂。 这里说下，编辑区和编辑…

公司要做一个笔记模块，需要用到富文本编辑器。之前有耳闻富文本编辑器是天坑。知乎-为什么说富文本编辑器是个天坑？ 在试过了市面上主流的编辑器后，发现或多或少都不符合要求。主要有以下问题： CKEditor功能很强大，但是太复杂，有很多用不到的地方。 网上开源的编辑器体验或多或少有…

本文基于DevUI的富文本编辑器开发实践和Quill源码写成。 EditorX是DevUI开发的一款好用、易用、功能强大的富文本编辑器，它的底层基于Quill，并对其做了大量扩展，以增强编辑器的能力。 Quill是一款API驱动、支持格式和模块定制的开源Web富文本编辑器，目前…

接上篇博客，现在增加一个新需求：h5页面B区显示富文本HTML片段。 看到需求时，第一想到的是只是显示一段富文本内容，为什么要用iframe，直接显示不就行了。 代码复杂，无法被一些搜索引擎索引到，这一点很关键，现在的搜索引擎爬虫还不能很好的处理iframe中的内容，所以使用i…