-
|
Columns layout is a useful plugin. The problem I pose is whether it is possible to have a Columns layout with a fixed height, the nodes inside each column will automatically jump to the next column when the current column is filled? |
Beta Was this translation helpful? Give feedback.
Replies: 1 comment 1 reply
-
|
The layout plugin in the Playground is just an example, not production-ready. You can base your implementation off it. You can set the CSS applied to the layout item to have a fixed height, for the jump over logic, you will need to change the plugin doing some kind of a tracking varible keeping track of if you've reached the paragraph end and move the selection to the next box. An example would be to keep track of the box height from the DOM, the moment the height is > 300px to move selection. Overly simplistic example, but that's the premise. Worth looking into Node Transforms as well in the docs. |
Beta Was this translation helpful? Give feedback.
-
|
Thanks for your advice, I'm also solving a similar problem, the algorithm I'm doing is comparing the height of the input content and the height of each column and automatically pushing the content to the new column with a recursive method. However, the problem I am facing is that the virtual doms are not generated when I use functions like setTextContent (for textNode). Therefore I cannot calculate the height of the content each time using these functions. Do you have any advice for me? |
Beta Was this translation helpful? Give feedback.
The layout plugin in the Playground is just an example, not production-ready. You can base your implementation off it. You can set the CSS applied to the layout item to have a fixed height, for the jump over logic, you will need to change the plugin doing some kind of a tracking varible keeping track of if you've reached the paragraph end and move the selection to the next box. An example would be to keep track of the box height from the DOM, the moment the height is > 300px to move selection. Overly simplistic example, but that's the premise. Worth looking into Node Transforms as well in the docs.