reactjsfroala

React Froala Editor doesn't show paragraph drop down

I integrated React Froala Editor to my website. It's a simple project and I want to show paragraph select drop down. But it doesn't work. Is it related to version?

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}
/>

enter image description here

Solution

  • It seems that plugins are missing. Try to import plugins in your component:

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