Skip to content

Support horizontal mode and right side toolbar #2942

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 2 commits into
base: next
Choose a base branch
from

Conversation

sielay
Copy link

@sielay sielay commented Jul 1, 2025

We have two cases that may be replicable:

  • We need to show the toolbar over the block on the right, to manage the space in the editor better
  • We need to show editor as a list of horizontal blocks

@neSpecc
Copy link
Member

neSpecc commented Jul 7, 2025

Thanks for the PR. I'll check it.

We need to show editor as a list of horizontal blocks

This can be implemented outside the editor. I don't think that it is a production ready solution at the moment

image

@sielay
Copy link
Author

sielay commented Jul 8, 2025

Thanks

Let me provide some context before addressing your points. We are rebuilding our quite bespoke CMS, and we found EditorJS most suitable to our needs: a clear and simple API, easy to extend, and lightweight.

What we do is we have a remote repository of blocks and leverage the pattern when a block can embed another EditorJS instance. Our repository provides us with blocks that can be used inside a given block type. This way, I can give various editing experiences for quite complex content types and have a reusable core.

One of the experiences requires building a horizontal list of sections. This can be achieved by a block that's nesting a horizontal EditorJS instance:

Screenshot 2025-07-08 at 09 05 33
  1. This can be implemented outside the editor
  • I tried to achieve that with CSS wrappers. That was quite messy, as I have to change styles for Redactor often, but in a way that affects only a specific level of editors.
  • Adding specific flags makes that cleaner.
  1. Not production-ready
  • I agree the demo isn't, but the feature so far works pretty well for me.
  • I will let you know when I have finalised the code using that and if I require any more tweaks.
    Please let me know how you envision the code aligning with your standards.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants