React-draft-wysiwyg: Feature: text area and toolbar separate

[volkandkaya]

Is it possible to split the text area and toolbar so they can be put in different components?

[jpuri]

@volkandkaya : this is not possible right now.

[volkandkaya]

What would be the easiest way to get it working in a different component?

[volkandkaya]

@jpuri is this something that is on the roadmap?

[pavel06081991]

@jpuri, maybe now something changed and it is possible to do?

[volkandkaya]

@pavel06081991

I don't think so, haven't seen any big code changes.

I have tried many things to solve this. But haven't succeeded.

What I ended up doing was using CSS to move the toolbar and you can even use 'toolbarOnFocus' if you want to hide it when you're not using it.

[jpuri]

Hi @volkandkaya , @pavel06081991 :

Yes there is not straightforward way of doing it atm. It will need some code re-factoring to split editor component into 2 and export both of them. This is not high prio issue, but I will think about taking it on priority if more and more users need this change.

[jpuri]

Closed accidentally 😄

[alrik]

I'm also very interested in this :)

[ghost]

@jpuri any updates on this issue? I need the toolbar to float above the text section when focused, not inside of it. that way I can show the toolbar when focusing on the text section, and I can center the text in the middle of it's container.

[elie222]

Also interested in this functionality.

For others, if you want to create a sticky toolbar, you can do something like this:

        toolbarStyle={{
          position: 'sticky',
          top: 0,
          zIndex: 1000,
        }}

[lossen]

@jpuri any updates on this issue? Interested in this functionality.

[akshaybosamiya]

@jpuri , Looking forward for this functionality.