如何在Quill编辑器中向内容添加不可编辑的标签
在Quill编辑器中向内容添加不可编辑的标签，可以通过以下步骤实现：
- 首先，确保已经引入了Quill编辑器的相关库文件，并创建一个Quill实例。
- 在Quill实例的配置项中，可以使用formats属性定义一个自定义的格式，用于表示不可编辑的标签。例如，可以定义一个名为"readonly"的格式：
var quill = new Quill('#editor', {
// 其他配置项...
formats: {
readonly: { class: 'readonly' }
}
});- 在HTML中，可以使用CSS样式来定义"readonly"类的样式，以使其看起来不可编辑：
.ql-editor .readonly {
pointer-events: none;
background-color: #f2f2f2;
}- 当需要向内容中添加不可编辑的标签时，可以使用Quill提供的insertText和formatText方法。首先，使用insertText方法插入标签的文本内容，然后使用formatText方法将该文本内容设置为"readonly"格式：
var index = quill.getSelection().index;
quill.insertText(index, "[不可编辑的标签]", "readonly");
quill.formatText(index, "[不可编辑的标签]".length, "readonly", true);这样，插入的标签就会显示为不可编辑的状态，并且无法通过鼠标或键盘进行编辑。
需要注意的是，Quill编辑器中的格式是基于文本片段的，因此无法直接将整个标签设置为不可编辑。上述方法是通过将标签的文本内容设置为不可编辑的格式来实现的。
推荐的腾讯云相关产品：腾讯云CVM（云服务器），产品介绍链接地址：https://cloud.tencent.com/product/cvm
相关·内容
我正在使用Quill.js编辑器，并创建了一个自定义嵌入，如下所示：
var Embed = Quill.import('blots/embed');
class QuillHashtag extends Embed {
static create(value) {
console.log(value);
let node = super.create(value);
node.innerHTML = value;
return node;
}
}
QuillHashtag.blotName =
浏览 3提问于2020-12-16得票数 1
4回答
我尝试将内容从WYSIWYG编辑器(所见即所得)复制到文本区，它需要结构化。我正在使用Quill
我添加了一个文本区，编辑器中的内容被粘贴到其中，单击按钮Edit HTML。
$("#editHTML").click(function() {
var content = $("#editor .ql-editor").html();
$("#htmlEditForm").html(content);
});
它可以工作，但正如您所看到的，它根本不是结构化的。每件事都只有一行：
我需要这样做：
<p>FOO<
浏览 3提问于2018-01-13得票数 0
我创建了一种将Quill文本保存到数据库中的方法。每次用户单击保存的文档时，它都会从数据库中提取保存的Quill文本，并将文本显示在Quill文本编辑器中。此时，如果触发撤销函数，它将删除从数据库中提取的所有文本，因此页面为空。
我认为所发生的事情是，Quill编辑器将从数据库中提取的文本视为粘贴到文本编辑器中，因此当您触发undo函数时，它会清除“从数据库中粘贴/从数据库中提取”。
有什么办法阻止这种事发生吗？在从数据库中提取初始文本之后立即触发undo函数时，是否有一种方法可以使quill不能清除所有内容？
浏览 10提问于2020-01-08得票数 2
回答已采纳
如本链接所述，我正在使用ngx将quill.js集成到我的项目中。
<quill-editor></quill-editor>
使用这个标签，我可以得到编辑器和工具栏，但是我也想在工具栏上添加图像按钮。
浏览 1提问于2018-12-07得票数 0
回答已采纳
2回答
PrimeNg编辑器不显示为角
、、、、
我遵循了许多教程，但到目前为止，我还没有设法使PrimeNG的编辑器模块出现！(其他模块如Toast或按钮工作正常，只有编辑器不起作用)。
我就是这样做的：
导入模块在app.module.ts中
import { EditorModule } from 'primeng/editor';
安装的软件包
npm install quill --save
npm install @types/quill --save
更新的角剪报.
"styles": [ "../node_modules/quill/dist/quill.core.css",
浏览 2提问于2018-09-12得票数 4
回答已采纳
var range = this.quill.getSelection();
var value = prompt('please copy paste the image url here.');
if(value){
this.quill.insertEmbed(range.index, 'image', value, Quill.sources.USER);
}
通过将上面的api代码链接到quill编辑器中，我解决了添加图像的问题。但是，我无法找到如何在api的帮助下添加alt和title属性。稍后我可以用下面的javascr
浏览 0提问于2021-06-10得票数 0
回答已采纳
我试着实现一个轻量级的Indesign网页版作为学生项目。我动态创建了一个div，它应该是一个文本字段。我想在每个文本字段中动态创建一个羽毛笔编辑器。它们应该都链接到同一个工具栏，但似乎quill对我来说不能链接到这些东西。
有没有人知道是否可以用Quill实现，如果是，如何实现？如果没有，有没有人知道我的替代方案？
我已经尝试将所有功能链接到同一个工具栏，一些功能抛出错误，一些功能可以工作，但当它们链接到所有编辑器时，或者发生了其他奇怪的行为。
HTML:
<div id="toolbar-container">
<span class="
浏览 17提问于2019-07-10得票数 2
1回答
我正在尝试将HTML插入到quill编辑器中。HTML可以在样式标记中包含自定义样式。
Quill正在用HTML中的span标记替换所有的样式标记，例如，本文中的一个测试：
var testStr = "";
testStr += "<html><head><style type=\"text/css\">.testcss { background-color: black; }</style></head><body class=\"testcss\">test&l
浏览 7提问于2015-03-18得票数 1
回答已采纳
1回答
如何使用Quill在编辑器中创建编辑器？设想一个场景:有一些文本具有格式化，然后有一个嵌入(图像/视频/.)右边有一些格式化的文字。然后又出现了一些短信。所以HTML看起来应该是：
<editor>
<regular_quill_stuff></regular_quill_stuff>
<customEmbed> // some CSS flex here
<container contenteditable="false"><image></image></container&g
浏览 5提问于2019-12-30得票数 1
我最近发现了Quill文本编辑器，因为我正在使用php和javascript中的新东西，所以我决定在我的应用程序中使用它，而不是所见即所得。
不过，Quill文档确实是极简主义的。如何添加允许用户显示和编辑当前html的按钮？
我是否必须扩展羽毛笔并制作自己的羽毛笔？
浏览 6提问于2016-06-28得票数 12
回答已采纳
1回答
正如您在图片中所看到的，我有一个带有Quill的文本编辑器。这是我的项目中的管理面板，当我在我的文本编辑器中写一些东西并想要显示它时，它工作得很好。例如，如果我想用粗体写一个描述，它会像下面这样写到前端：
描述
我可以用下面的代码来显示：
<div v-html="product.attributes.description"></div>
但我的问题是，我想在y文本编辑器中显示这个值。因此，我想在我的文本编辑器中显示大胆的书面“描述”，而不是未定义的，但我想不出如何用Quill文本编辑器来实现它。以下是我的文本编辑器组件：
<tem
浏览 29提问于2022-06-06得票数 2
我正在twitter上工作，就像Quill编辑器提到的用户一样。
我的自定义污点代码是
import Quill from 'quill';
const Base = Quill.import('blots/inline');
export default class MentionBlot extends Base {
static create(data) {
const node = super.create(data.name);
node.innerHTML = `@${data.name}`;
node.setAttribute(&#
浏览 2提问于2020-04-02得票数 0
回答已采纳
我想为quill.js创建一个html代码片段或模板，这将使我能够创建一个3列1行网格。即：
<div class="row">
<div class="col col-4">
column 1
</div>
<div class="col col-4">
column 2
</div>
<div class="col col-4">
column 3
</div>
</div>
我尝试添
浏览 11提问于2017-02-11得票数 7
2回答
PrimeNG的富文本编辑器使用quill并通过JavaScript进行设置，它具有使用以下代码禁用选项卡的功能：
keyboard: {
bindings: {
tab: false,
handleEnter: {
key: 13,
handler: function() {
// Do nothing
}
}
}
}
我可以用以下方式达到编辑器的角度：
private quill:any;
@ViewChild(Edito
浏览 0提问于2018-12-10得票数 1
回答已采纳
我正在使用quill.js在我的project.Hitherto中创建一个编辑器，我已经成功地将羽毛笔与我的web项目集成。现在我想做的是创建一个自定义的下拉列表在羽毛笔toolbar.The下拉列表将有以下选项1)电子邮件2)简单的会议描述当电子邮件选项被选中时，编辑器加载一个电子邮件模板等。谁能帮助我实现这一点...
下面是我的代码
var toolbarOptions=
[
['bold','italic','underline','strike'],
['blo
浏览 43提问于2017-01-17得票数 1
1回答
套筒格式化所有文本
、、、
我使用的是Quill编辑器，代码如下：
var quill = new Quill('#editor-container', {
placeholder: 'Compose an epic...',
});
quill.format('header', 'true');
我的目标是让所有的文本都是一个标题(h1)。但是，当您返回时，它将返回到一个段落。
浏览 0提问于2017-02-23得票数 2
我用quill editor创建了一个quill editor，并将其配置为显示其输入字段内数据库中的数据。为此，我需要<quill-editor>元素上的<quill-editor>属性和一个watcher。问题是，一旦我添加该属性，编辑器就切换到bi-directional (从右到左)语言方向。
text-editor.vue
<template>
<div id="text-editor" class="text-editor">
<quill-editor ref="quill&
浏览 21提问于2022-03-15得票数 0
回答已采纳
我不确定我是否以正确的方式思考这个问题。我有一个包含文本的Div。我希望能够使用Quill编辑此文本，然后使用格式将其保存回Div。这一切都很好，但是如果我再次尝试编辑它，它会拉入所有的HTML格式化标签。
我想我是以错误的方式获取内容了。我一直在处理增量，但不明白如果有更新/错误，如何使用它来“编辑”文本。
下面是代码。你可以在这里看到codepen。
//Create container
var container = $('.editor').get(0);
//Setup Quill
var quill = new Quill(container, {
mod
浏览 78提问于2018-07-20得票数 0
1回答
不一致图像在反应中的移动行为
、、、、
我遇到了一个问题，当制作一个文本编辑器支持基于图像的标签。有必要在文本中自由地移动这些标签，因为这一问题使之变得不切实际。
基本上，当我开始拖动一个图像，然后把它放到想要的位置时，可能会出现两个结果之一: A)它按预期工作；B)图像被拖到句子的末尾/开头。您可以在附加的gif中看到行为。
我使用react和类型记录组合来创建页面，并将quill插入到组件中。
// TextEditor/index.tsx
import * as React from 'react';
import * as Quill from 'quill';
import { Tex
浏览 3提问于2017-02-03得票数 2
工具: Quill.js 用例允许用户在readOnly编辑器中选择文本范围并应用突出显示。
详细上下文--我正在维护一些使用Quill 0.20.1的代码。我创建了一个readOnly:true编辑器，用于禁用更改内容。即使编辑器中的文本内容是readOnly，我仍然希望用户能够选择、高亮显示和关联一些引用所选内容的元数据。(基本上我想读一下用户在quill编辑器上选择的范围)
因此，我尝试了以下几点：
readOnlyHighlightable.quill.editor.selection.getRange(); // And it did not work
试图监听事件“选择-更改”似乎
浏览 4提问于2016-09-06得票数 1
5回答
我试图在Django 1.10模板中的特定表单字段上使用QuillJS，如下所示：
<link href="https://cdn.quilljs.com/1.1.3/quill.snow.css" rel="stylesheet">
<script src="https://cdn.quilljs.com/1.1.3/quill.js"></script>
<!-- Initialize Quill editor -->
<script>
var quill = new Quil
浏览 5提问于2016-11-04得票数 13
回答已采纳
1回答
我正在尝试用quill实现多页功能。我想要修复每个页面的高度，当用户到达页面末尾时，而不是出现编辑器高度增长或滚动条，我希望光标转到下一页(编辑器)，类似于在Google Docs或Microsoft word文档中观察到的行为。我已经在视图中添加了两个编辑器，但不知道如何切换到新页面，因为光标到达第一页的末尾。
浏览 13提问于2021-08-15得票数 1
1回答
我正在尝试在我的角2项目中实现我自己的Quill编辑器组件。我用npm在我的项目中安装了羽毛笔。我正在尝试用我的组件创建一个单词计数器应用程序。我正在尝试实现以下代码:
HTML代码：
<div id="editor"></div>
<div id="counter">0</div>
CSS：
body {
padding: 25px;
}
#editor {
border: 1px solid #ccc;
}
#counter {
border: 1px solid #ccc;
border-
浏览 2提问于2017-07-17得票数 2
回答已采纳
2回答
我正在使用quill.formatText()在我的文本编辑器中添加一个自定义的“高亮”格式。我像这样扩展了一个Blot：
let Inline = Quill.import('blots/inline');
class highlight extends Inline {
static create() {
return super.create();
}
static formats() {
return true;
}
}
highlight.blotName = 'highlight';
high
浏览 55提问于2017-01-23得票数 2
回答已采纳
2回答
如何在角8中实现多个游标？
、、、、
我正试图在Quill中实现协作编辑，为此，我在后端使用了角作为前端和节点。我已经设置了蒙戈适配器和ngx模块在前端的共享。但是，我很困惑如何在角8中实现毛刺游标模块？
我的插座服务
import { Injectable } from '@angular/core';
@Injectable({
providedIn: 'root'
})
export class SocketsService {
connection: any;
sharedb: any;
socket:any;
doc: any;
constructor() {
thi
浏览 1提问于2019-11-07得票数 0
回答已采纳
我添加了Quill作为Vaadin组件，这样我就可以用Java访问它，并且我对它进行了一些定制，因为我需要的是粗体的、斜体和字体颜色的按钮，这很好。
我在为一件事而挣扎。我想设置我自己的颜色，只有我的颜色菜单。我怎样才能做到这一点？
在我的自定义quilleditor.js中，我有以下内容：
const ColorClass = Quill.import('attributors/class/color');
Quill.register(ColorClass, true);
const ColorStyle = Quill.import('attributors/st
浏览 2提问于2022-02-26得票数 1
回答已采纳
我是通过做一些meteorJS来学习的，并以文本编辑器的身份遇到了QuillJS。现在，我很难理解这个函数与如何将书面内容插入到我的博客-Collection之间的联系。
这就是我如何访问quill编辑器的内容：
Template.blogform.events({
'submit #blogForm': function(e) {
e.preventDefault();
var title = $('#blogTitle').val();
var body = document.querySelector('input[na
浏览 6提问于2016-11-05得票数 3
我为我的网络应用程序实现了Quill文本编辑器。我在asp.net核心2.1中创建了一个web应用程序
Quill文本编辑器调整图像大小，在IE中工作良好，但在Chrome或Edge中不工作。
对于其他浏览器来说，这是众所周知的问题吗？如果是这样的话，只有IE适合通过Quill编辑器调整图像大小吗？
如果你告诉我只有IE可以通过Quill调整图像的大小，我想我必须使用不同的文本编辑器。希望不是..。如果我必须使用不同的，你能推荐一个是开源的吗？
提前谢谢你！
下面是我在html中所做的工作：
<!-- Main Quill library -->
<script src=
浏览 3提问于2018-07-26得票数 3
对于一个项目，我试图使一个消息/时事通讯系统在网站上发挥作用。我使用Quill JS作为我的RTE，它在编辑器打开时加载一个模板。在发送消息时，它使用ID将消息的html副本保存到服务器，并在提交时将编辑器的内容保存在表单中 <input type="hidden" name="doctext" id="doctext" value='<?php echo $doctext; ?>'> 将内容写入文件(PHP) $doctext = trim($_POST["doctext"]);
$my
浏览 45提问于2020-12-18得票数 0
回答已采纳
我正在使用vue-quill编辑器，并试图将其与自定义组件一起使用。这是我的密码。
WysiwygInput.vue
<template>
<div class="my-3">
<quill-editor
:options="{
placeholder: placeholder,
}"
v-on:change="($event) => $emit('change', $event.text)"
></quill-
浏览 14提问于2021-01-03得票数 0
回答已采纳
2回答
我在Livewire上使用Quill编辑器，并试图用在编辑器上上传插入的图像。问题是，我不能向编辑器插入临时url。如果在编辑器之外使用$image->temporaryUrl()或$url，则图像显示。我可以得到图像临时网址。但是$image->temporaryUrl()和$url不能在编辑器中工作。图片仍在上传到livewire-tmp目录。只是不能向编辑器插入临时url。
我的刀片档案：
<script>
var quill = null;
function selectLocalImage() {
const input =
浏览 22提问于2022-08-12得票数 1
6回答
我试图在primeng：中使用编辑器控件
但我发现了错误：
ERROR ReferenceError: Quill未在Editor.webpackJsonp.../../../../primeng/components/editor/editor.js.Editor.ngAfterViewInit中定义
我的项目使用：
角Cli: 1.4.1
角度: 4.3.6
国家预防机制: 5.4.1
节点: 6.10.0
PrimeNG: 4.2.0
我发现了这个问题：
我按照指示行事：
导入编辑器模块
import {EditorModule} from '
浏览 12提问于2017-09-13得票数 10
我有一个表单，它将Quill编辑器的内容发布到PHP脚本中。然后，PHP脚本将文本保存到数据库中。同样的文本可以在稍后的日期加载到Quill编辑器中。这一切都很好，并按预期显示。
我使用的代码如下：
<input name="editor1" type="hidden">
<div id="editor-container"></div>
<script src="https://cdn.quilljs.com/1.3.6/quill.js"></script>
<
浏览 10提问于2018-04-04得票数 3
回答已采纳
我有兴趣在文档的其他地方提供次要信息--例如，当您在Quill中滚动文档时，另一个文本区域显示文档可见部分中大写单词的数量。在这里，我不关心在部分模糊窗口的意义上可见，甚至在Quill文本输入区域被部分模糊的情况下，例如，通过滚动文档，但只在Quill编辑区域中显示文档的文本--例如，它可能只是一个非常长的行的一部分。
浏览 0提问于2018-10-19得票数 0
2回答
我使用quill使myDiv可编辑如下：
var myQuill = new Quill(myDiv, {
modules: {
toolbar: {
container: myToolbar
}
},
styles: false,
theme: 'snow'
});
我还希望Quill在需要时(例如，
浏览 4提问于2016-06-20得票数 0
回答已采纳
1回答
我正在用react制作一个公告栏。POST编辑器使用React Quill并正常地将其保存到服务器。在Quill编辑器中使用的css被很好地反映并保存到服务器，但是当导入并显示在屏幕上时，css不能正常工作。如何导入Quill的css文件？ 这段代码正在解析用Quill保存为dangerouslySetInnerHTML的超文本标记语言文本。 <div className="view" dangerouslySetInnerHTML={{ __html: data?.content }}></div> 这段代码是我用Quill编写的代码片段。 <
浏览 39提问于2021-10-26得票数 0
1回答
嗨，我用quilljs做简单的富文本编辑器。我有一个体面的工作解决方案，但我面临的一个问题是，当我保存内容的编辑器空间正在丢失。下面是代码，输入一些图像并将空间放在前面，然后单击“保存”按钮查看当前输出。
预期：空间/缩进应保留。
代码：
<html>
<!-- Include stylesheet -->
<link href="https://cdn.quilljs.com/1.3.1/quill.snow.css" rel="stylesheet">
<!-- Create the editor contain
浏览 1提问于2017-08-09得票数 1
1回答
我正在使用vue3 quill编辑器进行测试，目前的情况如下：
quill编辑器将显示，但我无法编辑文本。
这是我的密码：
HelloWorld.vue
<template>
<quill-editor
v-model:value="state.content"
:options="state.editorOption"
:disabled="state.disabled"
@blur="onEditorBlur($event)"
@focus="onEd
浏览 6提问于2022-01-24得票数 -1
我想在Quill编辑器中实现多页文档的效果。我的意思是，在文本达到一定的最大像素高度(相当于300 the )之后，它将创建分页(或跳转到下一页)(容器编辑器实例)。就像在谷歌文档里一样。
我只想创建另一个quill实例并将重点放在其中，但这会创建另一个工具栏(目前还不支持多个编辑器的单个工具栏，但这是pr )。
现在，我只是创建一个分隔符，它是一个div元素，与白色页面后面的背景颜色相同。
有没有人知道什么好的、干净的解决方案，或者我有什么办法解决这个问题？
浏览 0提问于2018-09-13得票数 18
当对Quill进行编辑时，我尝试在Quill‘insert中插入一个新句子，同时保留用户光标的位置。在进行编辑时，我从quill.getSelection().index检索游标索引，然后在使用quill.setContents()应用新的增量之后，尝试使用quill.setSelection()将游标索引设置回原来的位置。这将导致Quill抛出“给定范围不在文档中”的错误。即使在接触编辑器变更事件内的增量之前尝试使用quill.setSelection()也不起作用(什么都没有发生)。为什么setSelection不像预期的那样工作？
下面是一个展示我的问题的JSFiddle：
尝试编辑Qu
浏览 12提问于2018-02-08得票数 6
如何在nuxt js中使用quill编辑器中的onkeyup，onchange事件我必须检查输入的文本中是否有坏词 <quill-editor id="description" v-model="$v.form.description.$model"/>
浏览 16提问于2020-11-30得票数 2
回答已采纳
我需要在我的苗条项目中增加羽毛笔编辑。我在网上找到了并遵循了他的想法。
我从安装了他的版本。现在编辑器已经用给定的初始值初始化了。
但是我需要动态地更新编辑器值，并且值正在改变，但是编辑器不能正常工作，因为它将进入只读模式。
我只想更新调用add()函数的编辑器数据。我该怎么做？
这就是导入编辑器的方式：
import {Editor, quill} from '@tadashi/svelte-editor-quill';
和rest代码来初始化它：
let editorData = "";
var toolbarOptions = [
['b
浏览 8提问于2022-07-04得票数 0
回答已采纳
我将quill编辑器实现为我的网站表单之一，以保存我的数据库中的html值。不幸的是，它保存了原始值，而不是html格式。不知何故，它并没有将字符串转换成HTML。知道如何解决这个问题吗？
我所期望的：
<p>Hello World!</p>
<p>Some initial <strong>bold</strong> text</p>
<p><br></p>
我得到了什么：
{"ops":[{"insert"
浏览 7提问于2022-05-03得票数 0
回答已采纳
我刚把quilljs集成到我的应用程序中。我现在面临的一个问题是p标记的一些奇怪的行为。
例如，在我的组件中，我正在设置反应性表单：
this.fullDocumentFormGroup = new FormGroup({
fullDocument: new FormControl('<p>some</p><p>html</p>', [Validators.required])
});
在模板中：
<form [formGroup]="fullDocumentFormGroup"
浏览 0提问于2019-03-03得票数 3
4回答
Quill (https://quilljs.com/)使得在网页中嵌入高质量的文本编辑器变得很简单。当在编辑器中粘贴html内容时，它会过滤粘贴的html，然后将其放入文本编辑器中。我的问题是:如何配置Quill，使其在文本编辑器中只粘贴纯文本？它会过滤掉所有标签，只留下纯文本。 关于剪贴板模块(http://quilljs.com/docs/modules/clipboard/)的文档说，可以向剪贴板添加自定义匹配器，这将过滤粘贴的文本。 我不知道如何编写只允许纯文本的匹配器。任何帮助和任何例子都是非常感谢的-谢谢！
浏览 157提问于2016-12-20得票数 8
回答已采纳
我正在尝试集成角应用程序中的quill编辑器。这里我使用的是ngx-quill npm模块。我的问题是，当我使用Blockquote，Code block时，当我使用innerHtml绑定它时，它们没有按预期显示。
请看下面的附件。
下面是在angular.json中添加的样式
"styles": [
"./node_modules/@angular/material/prebuilt-themes/deeppurple-amber.css",
"src/styles.scss",
浏览 7提问于2020-07-07得票数 1
回答已采纳
在回答的基础上，我想知道是否有可能在加载/构造编辑器之后向编辑器添加更多的按钮。我有一个这样的定制按钮：
var Block = Quill.import('blots/block');
class MyThing extends Block {}
MyThing.blotName = 'my-thing';
MyThing.className = 'my-thing';
MyThing.tagName = 'div';
Quill.register(MyThing);
var quill = new Quill('
浏览 0提问于2018-02-07得票数 0
回答已采纳
我有一个扩展面板与“写一个响应”标题。在打开展板的时候，我有个笔头编辑。
我需要让笔友编辑集中精力扩大小组。
<mat-expansion-panel #panel1>
<mat-expansion-header> <span>"Write a Response"</span> </mat-expansion-header>
<quill-editor [ngModel]="htmlText" (onContentChanged)="onContentChanged($event)"
浏览 3提问于2020-06-26得票数 1
回答已采纳
我使用作为我的网站的文本编辑器，其中一个网站选项是创建动态文本编辑器，定义羽毛笔编辑器的函数如下所示：
function quillDefine(quillID) //quillID is the id of the div that I'm going to define as quill element
{
var toolbarOptions =
[
['bold', 'italic', 'underline', 'strike'],
[
浏览 90提问于2017-01-16得票数 2
我使用react quill作为富文本编辑器，并使用quill mention添加标签和编辑器中提到的人。我已经浏览了羽毛笔提及的文档，但没有添加链接到插入的"hashtag“或”提及“的例子。 有适当的，"linkTarget“用于添加链接，但没有示例将链接添加到标签和提及。 数据库中的哈希值和属性值： hashvalues:[{
id:1,
value:"newHashtag"
}]
atvalues:[{
id:1,
value:"Jhon"
}] 所以我期望的输出是:对于hashtag： <a href:`/#/hashtags
浏览 34提问于2021-10-25得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
