React-draft-wysiwyg: Impossible to hide / reorder options from toolbar

[svervoort]

Good day,

It seems impossible to hide / re-order the options in the toolbar. I have tried to re-create example 10 (https://jpuri.github.io/react-draft-wysiwyg/#/demo), but the full set of options still show.

<Editor wrapperClassName="demo-wrapper" editorClassName="demo-editor" toolbar={{ inline: { inDropdown: true }, list: { inDropdown: true }, textAlign: { inDropdown: true }, link: { inDropdown: true }, history: { inDropdown: true } }} />

Maybe I miss something, but there seems to be no way to customise the options. I could hide options through CSS, but that does not solve the re-order problem.

Thank you.

[prakriti89]

I have the same problem. I try to only show certain toolbar options but its showing everything.

<Editor
        editorState={editorState}
        onEditorStateChange={e => setEditorState(e)}
        toolbar={{
          options: ["fontSize", "inline", "list", "history"],
          fontSize: {
            options: [16, 18, 22, 26, 30]
          },
          inline: {
            options: ["bold", "italic", "underline", "strikethrough"]
          }
        }}
/>

[geodotka]

I have the same problem in version 1.14.3. After editor is focused, full toolbar appears. In version 1.13.2 everything works correctly.

[nlopin]

It looks like the issue happens only in controlled editor

[jpuri]

Plz do not use latest version 1.14.3, I will soon fix this issue.

[svervoort]

Awesome @nlopin. Now we wait until your updates gets merged in the master?
Thanks again.

[NatasXWY]

See issue #911

[nlopin]

@NatasXWY my PR fixes both issues.

@jpuri could you take a look at my PR? looks like a lot of people have troubles with the current version

[jpuri]

[email protected] has the fix for issue.

[svervoort]

Same code, after the update. Thanks guys.