TinyMCE API 3のtoggleClass機能？

Question

私は次はV3で働くことを期待したいTinyMCEの4は、私が使用したい便利なtoggleClass機能、http://archive.tinymce.com/wiki.php/api4:method.tinymce.dom.DOMUtils.toggleClassを持っていますが、この特定のプロジェクトが古いTinyMCEの3.5.11をicorporates ..

：

しかし、それは単にtoggleClass（）が関数ではないので、v3 APIがこれを提供しないという明確なエラーを投げているだけです。

誰かがtoggleClass（）などを提供するTinyMCE 3のプラグインについて知っていますか？これを行うには良い方法がありますか？

文字通り、要素が選択されたときに事前に定義された2つのクラスを切り替えるためのボタンをエディタに追加したいだけです。

よろしくお願いいたします。ここで

Answer 1

...

tinymce.create('tinymce.plugins.ClassToggle', { 
    createControl: function(n, cm) { 
     switch (n) { 
      case 'exampleclasstoggle': 
       var exampleclasstoggle = cm.createButton('exampleclasstoggle', { 
        title : 'Toggle example class', 
        image : '/admin/js/icons/exampleclass.png', 
        onclick : function(v) { 
         if(cm.editor.dom.hasClass(cm.editor.selection.getNode(), 'example')) { 
          cm.editor.dom.removeClass(cm.editor.selection.getNode(), 'example'); 
         } else { 
          cm.editor.dom.addClass(cm.editor.selection.getNode(), 'example'); 
         } 
        } 
       }); 

       return exampleclasstoggle; 
     } 
    } 
}); 

tinymce.PluginManager.add('classtoggle', tinymce.plugins.ClassToggle); 

Answer 2

はtoggleClassためのTinyMCEを4からのコードは次のとおりです。

toggleClass: function(elm, cls, state) { 
     this.$$(elm).toggleClass(cls, state).each(function() { 
      if (this.className === '') { 
       $(this).attr('class', null); 
      } 
     }); 
    } 

ちょうどあなたのコードにこの機能を追加し、それを右のパラメータを渡します。

（これはTinyMCEは4でDOMUtils.jsファイル内にある）hasClass、addClassとremoveClass機能にアクセスするためにtinymce.domのAPIを使用してそれを行うには管理