I.打开全屏时出现以下这种情况:
II.个人解决方式:
1.全局搜索 _updateFullScreen 这个方法
2.修改全屏时的宽度
_updateFullScreen: function() {
if (this._fullscreen) {
var vpRect = uiUtils.getViewportRect();
this.getDom().style.cssText =
"border:0;position:absolute;left:0;top:" +
(this.editor.options.topOffset || 0) +
"px;width:" +
(vpRect.width - 20) + //主要修改这里,全屏时宽度减少20px
"px;height:" +
vpRect.height +
"px;z-index:" +
(this.getDom().style.zIndex * 1 + 100);
uiUtils.setViewportOffset(this.getDom(), {
left: 0,
top: this.editor.options.topOffset || 0
});
this.editor.setHeight(
vpRect.height -
this.getDom("toolbarbox").offsetHeight -
this.getDom("bottombar").offsetHeight -
(this.editor.options.topOffset || 0),
true
);
//不手动调一下,会导致全屏失效
if (browser.gecko) {
try {
window.onresize();
} catch (e) {}
}
}
},
III.效果如下:
有帮助到您,记得点个赞,谢谢啦!