tinyMCEトグルサイズ変更の削除/無効化

Question

tinyMCEはmove and resize handlesを（画像だけでなく）いくつかの要素に追加しています。

私はすべて一緒にそれらを取り除くのが大好きですしかし、私は成功しなかった。

これらは、それが本当の簡単なはずのよう

tinyMCE.init({ 

    object_resizing : false 

}); 

はそう私のために動作しませんでした。

これは絶対配置されている任意の要素にresize jsを追加しているようです。それが答えを持つ人を助けるなら。

私はちょうどそれを削除しようとしましたが、私は必要なものをするためにそれを配置する必要があります。

Answer 1

は、エディタのbodyタグに属し、属性はcontenteditable="true"です。それはそれらの厄介なサイズ変更要素を追加するものです。

この属性をfalseに設定すると、何も編集できなくなります。

あなたがする必要があるのは、リスナーonMouseDownです。ユーザーが問題の要素をクリックしている場合... contenteditable="false"に設定します。それ以外の要素の場合はcontenteditable="true"に設定します。

(function() { 

    tinymce.create('tinymce.plugins.yourplugin', { 

     init : function(ed, url) { 

      ed.onMouseDown.add(function(ed, e) {  

       var body = ed.getBody(); 

       if(jQuery(e.target).hasClass('target-in-question')) { 

        jQuery(body).attr({'contenteditable': false}) 

        // and whatever else you want to do when clicking on that element 

       }else { 
        jQuery(body).attr({'contenteditable': true}) 
       } 

      }); 

     }, 

     createControl : function(n, cm) { 

      return null; 

     }, 

    }); 

    tinymce.PluginManager.add('yourplugin', tinymce.plugins.yourpluginl); 

})(); 

Answer 2

はjQueryのを削除し、あなたがインスタンス化した後、プラグインでは、あなたのinitコードで、またはちょうどあなたのページにこのTinyMCEのバージョン4.使用するためcheezラweezの答えの仕事をする...これを試してみてくださいエディタ

// var editor = your tinyMCE editor instance (e.g. tinymce.activeEditor) 

editor.on('mousedown', function(e) { 

     var element = e.target, 
      body = editor.dom.doc.body; 

     if (editor.dom.hasClass(element, 'your-class')) { 
      editor.dom.setAttrib(body,'contenteditable',false); 
     } else { 
      editor.dom.setAttrib(body,'contenteditable',true); 
     } 
}); 

唯一残念なビットは、ユーザーがそれ