鹅毛笔编辑器工具栏下拉列表未显示

Question

这是react-quill编辑器的配置。

const toolbarOptions = [
   [{ 'size': ['small', false, 'large', 'huge'] }],
  [{ 'header': 1 }, { 'header': 2 }],
  ['bold', 'italic', 'underline', 'strike'],
  [{ 'list': 'ordered'}, { 'list': 'bullet' }],
  ["blockquote", "code-block"],
  ['link','image'],
  ["clean"]
];

function Editor() {
  const [editorContent, setEditorContent] = useState('');
  
  return (
    <div className="container">
      <ReactQuill 
        theme="snow"
        value={editorContent} 
        onChange={setEditorContent}  
        modules={{ toolbar: toolbarOptions }}
        scrollingContainer= '#scrolling-container'
      />
    
    </div>
  );
}

这里的问题是当我单击“大小”按钮时应该有一个下拉菜单。但是当我点击它时没有出现下拉菜单。我查看我的开发工具，发现创建了一个下拉元素（id=ql-picker-options）。

鹅毛笔编辑器上的 CSS 没有更改。

我尝试删除“size”数组并单独调用它们。

[{ 'size': 'small'}, {size: false}, {size: 'large'}, {size:'huge'} ]

这是结果。

Answer 1

您找到解决这个问题的方法了吗？