editor.js icon indicating copy to clipboard operation
editor.js copied to clipboard

Is there a way to always show the plus icon for the new line instead of on hovering❓

Open 50calDhruv opened this issue 3 years ago • 4 comments

The plus sign to show the toolbar is only visible when one hovers over a block which is fine for blocks that are already filled. But is there a way to to keep it visible for the next/new block, with no need to hover over it?

50calDhruv avatar Dec 27 '22 02:12 50calDhruv

Update: I think @azterizm's approach has the least impact on editorjs.

~~I think it needs to modify the code.~~

~~The code for showing the toolbar after the hovering block is here:~~

https://github.com/codex-team/editor.js/blob/870e265af0e2114c0a1504a70148ea3c5e28d959/src/components/modules/ui.ts#L405-L407

lijie1129 avatar Jan 12 '23 12:01 lijie1129

Thanks for responding but how do I access this location in my react app?

ikarus-dhruv avatar Jan 23 '23 06:01 ikarus-dhruv

Override the editor styles. Put these in your CSS file and import.

.ce-toolbar__actions {
  opacity: 1 !important;
}
.ce-toolbar {
  display: block !important;
}

azterizm avatar Aug 31 '23 05:08 azterizm

I would like to always show the edit/drag icon for every block as well. Not just the plus icon at the bottom. Is there any way to do this?

cwirz avatar Feb 24 '25 12:02 cwirz