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

Question

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

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

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

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

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

标签： javascriptquillreact-quill

Answer 1

如果要继续使用模块和格式选项而不是原始 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>";
}

重要的是要注意每个data-value都是您在标题中的值。