100款应用软件免费大全_免费国产大片app软件推荐_国产精品无码天天爽视频_色欲人妻aaaaaaa无码_免费看bilibili私人直播间_美国少妇在线观看免费_欧美日韩精品一区二区在线视频_国产无码在线一区二区_亚洲无熟妇成人无码

使用多個編輯器時編輯器中的圖片出現(xiàn)錯誤

發(fā)布時間:2023-06-30點(diǎn)擊次數(shù):4156

當(dāng)前DouPHP所使用的是百度umeditor編輯器,如果同時在一個頁面中使用多個,會出現(xiàn)編輯器中圖片錯位問題。如下圖,紅色框的位置本應(yīng)該在對應(yīng)的圖片上,但出現(xiàn)錯位。

解決辦法是打開admin/include/umeditor/umeditor.min.js,找到以下代碼

attachTo: function ($obj) {
    var me = this,
        imgPos = $obj.offset(),
        $root = me.root();
        // 解決同一個頁面有多個編輯器圖片錯位問題
        if (this._$el[0].parentElement != this.defaultOpt.$wrap[0]) {
            $wrap = $(this._$el[0].parentElement);
        }
        else {
            $wrap = me.defaultOpt.$wrap;
        }
        posObj = $wrap.offset();

    me.data('$scaleTarget', $obj);
    me.root().css({
        position: 'absolute',
        width: $obj.width(),
        height: $obj.height(),
        left: imgPos.left - posObj.left - parseInt($wrap.css('border-left-width')) - parseInt($root.css('border-left-width')),
        top: imgPos.top - posObj.top - parseInt($wrap.css('border-top-width')) - parseInt($root.css('border-top-width'))
    });
},

將其中的

$root = me.root(),
$wrap = me.defaultOpt.$wrap,

改為

$root = me.root();
// 解決同一個頁面有多個編輯器圖片錯位問題
if (this._$el[0].parentElement != this.defaultOpt.$wrap[0]) {
    $wrap = $(this._$el[0].parentElement);
}
else {
    $wrap = me.defaultOpt.$wrap;
}