问题:在vue2项目引入Tinymce,出现页面滚动条,点击富文本的下拉菜单。如下图弹出框会偏移。
解决方案:在html和body标签设置overfolw:hidden,在页面的最外层标签给一个overflow-y:auto。 同时在tinymce.init的时候传入对应的参数。
setup(editor) {
editor.on('init', function() {
const container = editor.getContainer();
const toxContainer = document.querySelector('body > .tox.tox-tinymce-aux');
container.parentNode.appendChild(toxContainer);
});
}
解决后: