Editor.js: Support for column layout

[michaelfester]

It would be great if blocks could be arranged in columns. Here is an example from Notion, where dragging a block to the left or right edge of another block positions them in a column layout.

While dragging:

The result:

[hayatbiralem]

Of course it would be great and handy, there is no doubt about that but most of the time it complicates editing experience because we want more and more nesting.

But I am thinking a different and endless approach right now.

How?

For example, those columns can be a single module that takes the number of columns as parameters and each column could has one configure button to open a modal which has another full editor.js instance and other configuration inputs. We could add columns in that modal's editor too and that columns could open another modals and so on.

This way, our editing experience never stuck and we could do crazy nestings.

[hata6502]

I developed editor-js-grid, but EditorJS can't be nested.

https://www.npmjs.com/package/editor-js-grid

I'm fixing EditorJS to be nested.

[hayatbiralem]

It looks like you've worked hard. I respect that.

I wonder do you think that a solution like I explained above cannot be produced?

[hata6502]

https://codesandbox.io/s/editor-js-grid-nest-ro2uz?fontsize=14&hidenavigation=1&theme=dark

My demo launches Editor.js instance each grid item.
So I think it is one of the solution of https://github.com/codex-team/editor.js/issues/708#issuecomment-596458239

[netpalantir]

I developed editor-js-grid, but EditorJS can't be nested.

https://www.npmjs.com/package/editor-js-grid

I'm fixing EditorJS to be nested.

Do you have a valid link for your module? It would be great to see how you solved your problem. Both the links you provide are 404 now.

[gohabereg]

https://github.com/codex-team/editor.js/pull/1055#issuecomment-664018031

[hata6502]

@hayatbiralem @netpalantir
Unfortunately, editor-js-grid was completely removed from GitHub and npm.
editor-js-grid was too untable plugin, so it was not useful.

But, I'm developing an alternative plugin: editorjs-inline.
Please watch:
https://github.com/hata6502/editorjs-inline
https://hata6502.github.io/editorjs-inline/

[hata6502]

@hayatbiralem @netpalantir

editor-js-grid is revived as editorjs-layout!
See: https://github.com/hata6502/editorjs-layout