React Froala编辑器未显示段落下拉列表

Question

我将React Froala编辑器集成到了我的网站。 这是一个简单的项目，我想显示段落选择下拉列表。 但这是行不通的。 与版本有关吗？

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更新froala-编辑器

所有选项在跟踪版本中也可用。 相同的选项对我来说适用于v3.1.0，请在下面查看。

Froala editor

Answer 2

似乎缺少插件。尝试将插件导入您的组件中：

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