提问人：JGallardo 提问时间：10/20/2023 最后编辑：JGallardo 更新时间：11/1/2023 访问量：34
在使用 React Quill 的 ReactJS 项目中，如何在下拉列表中更改标题的名称？
In a ReactJS project using React Quill, how can the name of a title be changed in a dropdown?
问：
目的
在我的富文本编辑器中，我们有“标题 x”，我希望它们具有自定义文本。例如，我们将其称为“字幕”
当前工作
当前用户界面
当前代码
在我的工具栏的 .tsx 文件中，我有这个
[{ header: [2, 3, 5, false] }],
所以想知道是否有办法向该键添加相应的键和文本。例如，数字 7 表示字幕？或者实际输入它并能够拥有类似的东西
[{ header: [2, 3, 5, false, "subtitle"] }],
问题
我查看了工具栏的文档，但没有看到提到能够自定义标题。
答：
0赞
JGallardo
11/1/2023
#1
我很匆忙，所以我没有在下拉列表中添加一个新选项，我只是分配了一个标题来替换它的名称。这个库中的选项实际上只允许您添加更多标准标题，例如 、 、 等。<h2><h3><h4>
我看到您可以通过CSS更改文本。那些从标题喜欢到对应<h1>data-value="1"
请记住，这些嵌套在以下特定级别下，例如 3 个级别。因此，在您自己的项目中，您还必须在多个级别下覆盖它。
确保在下拉列表中同时定位标签和项目本身。.ql-picker-label.ql-picker-item
此方法允许您重命名可用的标题 h1 - h6。
在应用的前端，您可以使用 css 设置样式，或者将带有 javascript 的标题元素替换成您想要的任何内容。
例如，如果要将<h5><p class="example"><strong>
评论