

CKEditor 4 with height set to 500:Īnd it makes sense. In case of CKEditor 4 you set the height of the editing area via config.height.

I'm pretty sure this is what users actually need (.) Flex would speed up building toolbars, balloons, and other components too.Ĭheck out the fiddle I created that shows how easy it is to set up a fixed–height editor with flex.ĪFAIR in CKEditor 4 the height of the editor includes both the toolbar and the bottom space (with element path). Generally speaking, I was thinking for a while if we can use Flex in the UI and this could be the right moment to check this out. I think this is the job for display: flex and it could possibly work in IE11 too. It will require a lot of effort from us to maintain it because it must be viewport–resize–proof etc. I'm not sure config is the right way to do this. In other words, the height of the editable must be adjusted so the entire editor (with toolbars etc.) is of desired height. Setting the height of the editor isn't because both the UI and the editable must be taken into consideration and the geometry of the UI changes e.g. I'm pretty sure this is what users actually need because otherwise, setting the height of the editable is pretty easy with CSS. I think that all the reasonable cases could be covered by the above.ĪFAIR in CKEditor 4 the height of the editor includes both the toolbar and the bottom space (with element path). But we need to be sure it doesn't bring troubles (e.g. Maybe the whole editor is a better option as it gives some better control over the predicted space of the editor inside the application UI. It stays the question whether the size is applied to the editor as a whole or to the editing area. It can be paired with min-height.ĬSS units are accepted, after all CSS will be used for that. If height is not set, it allows the editor to grow up to the defined height. If height is not set, it sets the minimum height of the editor, but it grows with the content.įinally, that can be paired with max-height. If defined, that's the editor fixed height, so it stays like that no matter the content.Īdditionally, we can provide the min-height configuration. To make it simple, I think that a configuration named height is the most obvious thing. Maybe others can give opinions, but I would start without that. I'm unsure whether width is needed or using always 100% of the container element is the right way for it.
