React Froala 编辑器不显示段落下拉

Question

我将 React Froala Editor 集成到我的网站。这是一个简单的项目，我想显示段落 select 下拉列表。但它不起作用。与版本有关吗？

this.state = {
    model: ``,
    tags: [],
    config: {
        theme: 'foobar',
        heightMax: 800,
        height: 800,
        toolbarButtons: ['bold', 'italic', 'underline', 'strikeThrough', 'fontFamily', 'fontSize', '|', 'paragraphStyle', 'paragraphFormat', 'align', 'undo', 'redo', 'html']
    }
}



<FroalaEditorComponent 
    model={this.state.model}
    onModelChange={this.onChange}
    config={this.state.config}
/>

Answer 1

问题可能与您使用的 froala 版本有关。请使用

更新 Froala 版本

npm update froala-editor

所有选项在试用版中也可用。对于 v3.1.0，相同的选项对我有用，请在下面查看。

Froala editor

Answer 2

好像缺少插件。尝试在您的组件中导入插件：

import 'froala-editor/js/plugins.pkgd.min.js';

React Froala 编辑器不显示段落下拉

React Froala Editor doesn't show paragraph drop down

reactjs

froala