用给定的内容覆盖原编辑器内容。内容将会用换行符结尾。返回代表对应变化的Delta数据。如果给定的Delta没有无效的操作，返回值和传入的值相同。
Source可能是 “user”、 “api” 或者 “silent”。当编辑器不可用[disabled]#disable且source参数为“user”时，调用将被忽略。
setContents(delta: Delta, source: String = 'api'): Delta
quill.setContents([
{ insert: 'Hello ' },
{ insert: 'World!', attributes: { bold: true } },
{ insert: '\n' }
]);
用给定的文本设置为编辑器的内容，返回代表对应变化的 Delta数据。注意，Quill文档必须以换行符结尾，如果没有则会自动添加。
Source可能是 “user”、 “api” 或者 “silent”。当编辑器不可用[disabled]#disable且source参数为“user”时，调用将被忽略。
setText(text: String, source: String = 'api'): Delta
quill.setText('Hello\n');
让编辑器内容执行Delta数据方法，返回代表对应变化的 Delta数据。如果给定的Delta没有无效的操作，返回值和传入的值相同。
Source可能是 “user”、 “api” 或者 “silent”。当编辑器不可用[disabled]#disable且source参数为“user”时，调用将被忽略。
updateContents(delta: Delta, source: String = 'api'): Delta
quill.updateContents(new Delta()
.retain(6)
.delete(5)
.insert('Quill')
.retain(1, { bold: true })
原文链接：https://blog.csdn.net/WuLex
粘贴板(clipboard)模块
粘贴板处理Quill和外部程序直接的复制、剪切和粘贴。默认提供内容粘贴的正常解析，也能通过匹配做进一步的定制。
粘贴板模块解析通过后序遍历]对应DOM树粘贴HTML，
建立所有子节点的Delta表达。目前为止，每个子节点，匹配器函数用DOM节点和Delta表达调用，允许匹配器返回一个修改的Delta表达。
为了有效的使用匹配，需要熟练驾驭Deltas。
addMatcher
添加定制的匹配器到粘贴板模块，匹配器优先使用nodeType匹配并加入，接下来使用CSS选择
根据公司项目要求使用富文本进行一些列功能实现 这里使用quill.js实现插入与替换功能
quill.js官方api文档链接：Quill官方中文文档 · 看云
一,通过npm命令安装
npm install quill --save
返回后者时，参数bubble为true时，将向上搜索给定DOM的祖先节点，知道找到对应的Blot。
Quill.find(domNode: Node, bubble: boolean = false): Blot | Quill
var container = document.querySelector("#container");
var quill = new Quill(container);
Configuration
Quill允许通过多种方式对其进行自定义以满足您的需求。 本节致力于调整现有功能。 有关添加新功能的信息，请参见模块部分；有关样式的信息，请参见主题部分。
Container
Quill 需要一个容器，其中将附加编辑器。 您可以传入CSS选择器或DOM对象。
var editor = new Quill('.editor'); // First matching element will be used
var container = document.getElementB
【版本】[email protected]quill@1.3.6【步骤】npm install quill --save在组件中引入Quilleditor.vueimport Quill from 'quill'import 'quill/dist/quill.snow.css'export default {name: 'editor',props: {value: Object},d...
我们经常需要使用富文本编辑器从后台管理系统上传文字，图片等用于前台页面的显示，Quill在后台传值的时候需要传两个参数，一个用于后台管理系统编辑器的显示，一个用前台页面的显示，具体代码如下截图：
另Quill的两个api，quill.getcontents()返回值是个对象，所以要JSON.stringify()一下，quill.setcontents()里的参数也是要对象，所以参...
确定用户的身份
在API不存在登录来确定用户的身份,但可以通过令牌来认证,通过令牌来认证你是否有权限调用这个接口,否则,没有权限调用接口！携带令牌来访问还不行,还要验证你的身份是否合法。另外,token还要有一个有效期,过了这个有效期就访问不了这个接口。
携带令牌访问API接口
令牌验证的有三点
1.验证身份是否合法。
2.验证令牌是否有效
3.验证令牌所对应的权限
openid有两大作用:
1.需要代表用户的唯一标识
2.在做微信支付(或一些功能)的时候会用到openid
注意:openid
hook封装
import React, { useEffect, useState } from 'react';
import ReactQuill from 'react-quill';
import 'react-quill/dist/quill.snow.css';
const MyCompo
