Linking multiple wysiwyg editors and height limit

Question

JavaScript

I have two questions about wysiwyg editors:
1. I need to combine several editors into one "chain".

That is, when a certain condition is met (a limit on the number of characters or the maximum height has been reached), the cursor should jump to the next editor, and if there was already text there, the cursor should be set to the very beginning. An almost perfect solution can be found in the Aloha editor examples . But such a solution is not suitable because the location of the reactors can be different, and css3 column layout + content editable will not work (considering that all the content will need to be printed or saved in PDF and now this is not possible due to the fact that css column layout is not supported when printing or exporting html to pdf).

2. What is the easiest way to add a height constraint? That is, as text is added, when the height of the content becomes equal to (or greater than) a certain number - block the current editor. Moreover:

The maximum height has been reached, but the user should still be able to add text to any of the lines in the list (marked with an arrow).