0

owlCarousel 2を使用して画像を表示し、tinymce 4を WYSIWIG エディターとして使用しました。

カルーセルからFireFox 41.0.2の tinyMCE WYSIWIG エディターに画像をドラッグすると、奇妙な問題に直面しています。画像をドロップするだけでなく、画像が含まれるカルーセルの div をコピーします。

フクロウの設定はこちら

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,
});

ドラッグ アンド ドロップ後の TinyMCE WYSIWIG の HTML

クロム

<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>

詳細については、Firefox でhttp://fiddle.tinymce.com/Cifab/2を確認してください。

注：draggable = 'true'カルーセル画像タグは設定しdraggableていませんが、設定しても結果は変わりませんtrue。助言がありますか？

4

1 に答える 1

2

tinyMCE の初期化時に以下の設定を追加します。

invalid_elements: "div"

ここで、tinyMCE に画像をドロップするときに無視するすべての要素を指定する必要があります。詳細については、こちらのドキュメントを確認してください

于 2015-11-06T12:50:10.460 に答える