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;
}
标题
副标题
小段
普通文本
试试我
****
虽然此代码可以回答问题,但提供有关此代码回答问题的原因和/或方式的其他上下文可以提高其长期价值。