#34802021年5月25日作者 samichamoun4 个回答
1 个反应
如何动态控制编辑器的高度，以避免笨重的滚动
我注意到如果我在初始化函数中设置高度，它会根据特定的像素数量来设置，比如“500px”。但是如果你尝试用百分比设置，比如高度：“90%”，编辑器根本没有高度。 另外我也想知道，如果什么都没设置，为什么设置了高度，因为它似乎自动计算了一个像素数量，占用了整个页面（比如100%）。 我实际上把编辑器包裹在我们CMS后台的标准页面模板里，这个页面模板在侧边菜单栏里有更多内容，迫使页面变成可滚动页面（也就是页面模板的内容总是在屏幕折叠下方）。这让编辑器功能非常差，因为如果你想在编辑器下方滚动，就必须把光标移出编辑器并滚动，这会导致用户体验很差。 我还有一个“保存”按钮，可以提交到表单，但这不属于编辑器，所以要进入保存按钮，你得再次把光标移...
ahmedderkaoui
尽量用'VH'代替'PX'。 例如：给编辑器“height： '80vh''，给导航栏'height： '20vh'''。这样，只要所有元素的“vh”之和≤100，纵向滚动就永远不会显示或需要 希望这些信息对你有帮助。
samichamoun
尝试用“VH”代替“px”。例如：给编辑器“height： '80vh''，你的导航栏'height： '20vh''。这样，只要所有元素的“vh”之和≤100，纵向滚动就永远不会显示或需要希望这些对你有帮助。 谢谢，这很有用！
artf
这更多是布局问题，与GrapesJS编辑器本身无关。