How can I call Inline Toolbar for my custom block with text?

[tokensniper]

Inline toolbar appears if I select some range of text in the editorjs default paragraph block. I created custom plugin that allows user to create columns with text - https://prnt.sc/q1qze4. But if I select part of a text in my custom block - inline toolbar doesn't appear. So, how can I solve this issue?
@neSpecc

[tewang1]

same question~

[tokensniper]

I recorded short video about my issue. Do not pay attention to UI, I am testing my custom plugins:)
Video - https://recordit.co/in54iciTf3

[tokensniper]

Here is the final DOM structure for editor from video:

[neSpecc]

@Obzhigalov You need to pass inlineToolbar: true for your tool in Editor Config. See doc: https://editorjs.io/enable-inline-toolbar

[tokensniper]

@neSpecc it doesn't help( I tried it before

[neSpecc]

@Obzhigalov on the screenshot you've added, there is no contenteditable attributes on your Tool. This is the reason, why Inline Toolbar does not appear.

This restriction was added to prevent showing Inline Toolbar when a user selects any UI texts of the block, for example, labels, buttons, etc.

[BensenHsu]

@Obzhigalov on the screenshot you've added, there is no contenteditable attributes on your Tool. This is the reason, why Inline Toolbar does not appear.

This restriction was added to prevent showing Inline Toolbar when a user selects any UI texts of the block, for example, labels, buttons, etc.

Hi @neSpecc, could you please share more about how to add contenteditable attributes on my customized Tool? Since I'm also experiencing the same issue.

[Parmpreet1]

You also have to replace inputs to div and then you have to set contenteditable=true, Example

1. inlineToolbar must true in custom tool.
   2.<div contenteditable=true> test text test text test text</div>
   then inlineToolbar work fine in your custom block.
   It's contenteditable not work with inputs or textarea. only work with div