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

Javascript 如何更改QuillJS(react js)中的默认标题名称?,javascript,quill,react-quill,Javascript,Quill,React Quill,我在构造器中设置了羽毛笔文本编辑器,如下所示: this.modules = { toolbar: { container: [ ... [{ 'header': [1, 2, false], 3 }], ...] } }; 它会生成一个下拉菜单,其中包含以下名称:“标题1”、“标题2”、“正常”、“标题

我在构造器中设置了羽毛笔文本编辑器,如下所示:

this.modules = {
            toolbar: {
                container: [
                ...
                [{ 'header': [1, 2, false], 3 }],
                ...]
            }
        };
它会生成一个下拉菜单,其中包含以下名称:“标题1”、“标题2”、“正常”、“标题3”

我希望将附加到这些名称的值/函数保持不变。我只想把名字改成:'标题','副标题','段落','小段落'


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

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

var quill=新的quill(“#编辑器”{
主题:"雪",,
模块:{
工具栏:“#工具栏”
}
});
#toolbar.ql标题{
宽度:160px;
}

标题
副标题
小段
普通文本
试试我


如果您想继续使用模块和格式选项,而不是原始HTML,则只能更改CSS

CSS模式:

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before, .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before {
    content: "<new-text-here>";
}
.ql-snow.ql-picker.ql-header.ql-picker项[data value=“1”]:之前,.ql-snow.ql-picker.ql-header.ql-picker标签[data value=“1”]:之前{
内容:“;
}
需要注意的是,每个
数据值都是标题中的值。

var quill=新的quill(“#编辑器”{
主题:"雪",,
模块:{
工具栏:“#工具栏”
}
});
#toolbar.ql标题{
宽度:160px;
}

标题
副标题
小段
普通文本
试试我


****
虽然此代码可以回答问题,但提供有关此代码回答问题的原因和/或方式的其他上下文可以提高其长期价值。