gpt4 book ai didi

javascript - 如何更改 QuillJS (react-js) 中的默认标题名称?

转载 作者:行者123 更新时间:2023-11-28 03:13:15 25 4
gpt4 key购买 nike

我在构造函数中像这样设置了 Quill 文本编辑器:

this.modules = {
toolbar: {
container: [
...
[{ 'header': [1, 2, false], 3 }],
...]
}
};

它会生成一个带有以下名称的下拉菜单:“标题 1”、“标题 2”、“正常”、“标题 3”。

我想保持附加到这些名称的值/函数相同。我只想将名称更改为:“标题”、“副标题”、“段落”、“小段落”。

如何将名称更改为“标题”、“副标题”、“段落”、“小段落”?

最佳答案

事实上, header 行为有些出乎意料。您可以通过两种可能的方式实现您想要的结果。 第一种方法是使用 HTML 配置编辑器的工具栏,并添加更多详细信息:

var quill = new Quill('#editor', {
theme: 'snow',
modules: {
toolbar: '#toolbar'
}
});
#toolbar .ql-header {
width: 160px;
}
<!-- Include the Quill library -->
<script src="https://cdn.quilljs.com/1.3.6/quill.js"></script>

<!-- Include stylesheet -->
<link href="https://cdn.quilljs.com/1.3.6/quill.snow.css" rel="stylesheet">

<div id="toolbar">
<div class="ql-formats">
<select class="ql-header">
<option value="1">Title</option>
<option value="2">Subheading</option>
<option value="3">Small Paragraph</option>
<option selected="selected">Normal text</option>
</select>
<button class="ql-clean"></button>
</div>
</div>
<div id="editor">
<p>Try me...</p>
</div>

我必须告诉你,不可能在标题中将选项设置为 false、正常或段落。我已经尝试过了,不幸的是,没有出现想要的结果。同样,我也无法告诉你原因。如果您想找出原因,建议您查看header source code .

因此,要删除标题格式并使文本保持正常(作为简单的段落),您可以使用干净格式,如上例所示。

可用于解决您的问题的第二种方法是创建一种新格式。您可以配置这种新格式来接收值,并根据过去的值以不同的方式表现,甚至包括在传递错误值时删除格式本身。有一个示例说明如何执行此操作 here 。亮点项目(N° 1)拥有您所需的一切。

总之,第一种方法使用两种格式来完成您想要的操作。如果这不是您想要的,我建议您采用第二种方法。即使事实证明有点复杂,它也能让您准确地实现您想要的目标。

关于javascript - 如何更改 QuillJS (react-js) 中的默认标题名称?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59903524/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com