基本的一些配置就不說了。先說一下要注意的問題：首先是zIndex的設(shè)置。記住最好都顯示設(shè)置模態(tài)框和ueditor的zIndex。理清他們的層疊關(guān)系。

特別是用到ueditor里面的圖片上傳功能的更要設(shè)好zIndex的值。具體要怎么設(shè)就不說了，有問題再討論。

然后是模態(tài)框里的全屏問題：通常請款下模態(tài)框都比較小，讓用戶在模態(tài)框里的編輯器寫東西，用戶體驗肯定不好。所以要將ueditor全屏。要使ueditor能在bootstrap模態(tài)框里正常全屏顯示需要修改ueditor.all.js里面的setFullScreen函數(shù)

在 while (Container.tagName != "BODY") { }里面加上以下這段代碼：//解決在modal上ueditor不能全屏的問題

var position = baidu.editor.dom.domUtils.getComputedStyle(container, "position");

nodeStack.push(position);

var isModal = false;

//判斷該dom是否為modal

var classes = $(container).attr('class');

if (classes !== undefined) {

classes = classes.split(' ');

for (var i = 0; i < classes.length; i++) {

if (classes[i] == "modal") {

isModal = true;

}

}

}

//如果是modal,則不設(shè)置position為static

if (!isModal) {

container.style.position = "static";

}

container = container.parentNode;

其實就是判斷ueditor的父container是不是bootstrap模態(tài)框。如果是，則不將container.style.position設(shè)為static。否則全屏的ueditor會被其他元素覆蓋掉

總結(jié)

以上是生活随笔為你收集整理的bootstrap 模态框满屏_解决Ueditor在bootstarp 模态框中全屏问题的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。