jQuery的owlCarousel拖放Firefox的問題

我已經使用owlCarousel 2來顯示圖像，並有tinymce 4爲所見即所得的編輯器。jQuery的owlCarousel拖放Firefox的問題

當我將圖像從旋轉木馬拖到tinyMCE所見即所得編輯器FireFox 41.0.2時，我遇到了一個奇怪的問題。取而代之的只是刪除圖像，旋轉木馬它的副本專區內，其圖像被封閉。

這裏是貓頭鷹配置

var owl = $("#extracted-images"); 
owl.owlCarousel({ 
    items : 4, //10 items above 1000px browser width 
    itemsDesktop : [1000,5], //5 items between 1000px and 901px 
    itemsDesktopSmall : [900,3], // 3 items betweem 900px and 601px 
    itemsTablet: [600,2], //2 items between 600 and 0; 
    itemsMobile : false, // itemsMobile disabled - inherit from itemsTablet option 
    touchDrag : false, 
    mouseDrag : false, 
});

HTML在TinyMCE的WYSIWIG拖動之後拖放

鉻

<p><img src="http://127.0.1.1/wp-content/uploads/2015/10/SXSW-0033.jpg" alt="Sxsw 0033"></p>

火狐

<div style="width: 137px;" class="owl-item"> 
    <div class="item"> 
    <div class="image-list-box"> 
     <div class="doc-img-box"> 
     <img alt="Sxsw 0033" src="http://127.0.1.1/wp-content/uploads/2015/10/SXSW-0033.jpg"> 
     </div> 
    </div> 
    </div> 
</div>

檢查http://fiddle.tinymce.com/Cifaab/2在Firefox中獲得更多的想法。

注：我還沒有設置旋轉木馬圖像標籤draggable = 'true'但即使設置draggable它true後不會改變結果。有什麼建議嗎？

來源

2015-11-05 Amit Patel

添加初始化TinyMCE的時候下面的配置。

invalid_elements: "div"

在這裏，你需要指定所有你想要而在tinyMCE的下降形象忽視的元素。欲瞭解更多詳情檢查文件here

來源

2015-11-06 12:50:10

非常感謝Kiran。有用！ –

jQuery的owlCarousel拖放Firefox的問題

回答

相關問題