Layout scheme
See original GitHub issue- Create rows on render, by default each row have 1 column
- Add ability to drag-n-drop block to the left or to the right of other block, creating several columns layout
- Add
id
to each block to saved datablocks
property - Add
layout
property to saved data object.
The layout
should describe layout scheme of Blocks by their ids. For example
[---1---]
[---2---]
[ 3 ][ 4 ]
[---5---]
should be described as
[1, 2, [3, 4], 5]
Issue Analytics
- State:
- Created 4 years ago
- Reactions:60
- Comments:19 (3 by maintainers)
Top Results From Across the Web
scheme layout plan Definition | Law Insider
layout plan means a plan of the project depicting the division or proposed division of land into plots, roads, open spaces, amenities, etc....
Read more >A Simple and Useful Layout Scheme to Achieve Uniform ...
A Simple and Useful Layout Scheme to Achieve Uniform Current Distribution for Multi-Finger Silicided Grounded-Gate NMOS ; ISSN Information: Print ISSN: 1541-7026.
Read more >Scheme designs, themes, templates and ... - Dribbble
Scheme. 741 inspirational designs, illustrations, and graphic elements from the world's best designers. Want more inspiration? Browse our search results.
Read more >Elements in Creating a Design Scheme - Elevatus Architecture
A design scheme gives you a guide on which to base all your big and small decisions from. Every project is personalized for...
Read more >Solved: Difference between 'Issue Layout' and Field scheme...
Both issue layout and field scheme lets you set a field to be hidden. ... whereas only 'Issue Layout' lets you mark fields...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Hi Again 😃 I tested flex layout and it worked fine so far. I made a demo Paragraph with layout settings and other custom tools ( text fields,buttons and …) It can be added like![EditorJSMultipleColumns](https://user-images.githubusercontent.com/26170316/93665685-ca532200-fa8d-11ea-994f-31e1e8a87474.gif)
supportMultipeColumns: true
to EditorJS. I hope it helps! It is for me 😉 I can not implement this settings globally though (for other available tools). About nesting and having extra elements to implement multiple columns I think EditorJS is more Editor than a Builder or Composer . Actually this is the main reason I’m developing with EditorJS and it is clean, minimal and super flexible! Here is the demo:Hi, I think this feature will make editorjs more awesome. A Simple Idea: Brief: By using CSS flex and bootstrap like column layout system there is no need to have row blocks in order to achieve grid layouting or even nested elements ( not an ultimate solution but a minimal editorjs style 😐 ) You can
.codex-editor__redactor{display: flex;flex-wrap: wrap;flex-direction: row;}
.ce-block{width: 100%;}
I don’t know how can I add default settings to all available elements (like delete and sort arrows for paragraph or header ) but if someone can guide me where to look I can prepare a demo to show you! 😉 This is the current implementation in my project:![multiple-column-editorjs](https://user-images.githubusercontent.com/26170316/93617172-dfc34000-f9ea-11ea-9244-b65448224810.jpg)
Thanks