CKEditorカスタムプラグイン用の偽の画像を作成する

Question

ビデオ埋め込み用のプラグインを開発していますが、プラグインダイアログの[OK]ボタンをクリックしたときにこのコードを挿入します。

var embedCode = 
    '<iframe title="YouTube video player" class="youtube-player" type="text/html"' + 
     width="' + width + '" height="' + height + '" src="http://www.youtube.com/embed/' + textField + '?rel=0"' + 
     frameborder="0" width="620" height="200" style="width:' + width + 'px; height:' + height + 'px">' + 
    '</iframe>'; 

this.getParentEditor().insertHtml(embedCode); 

エディタでiframeをダブルクリックすると、プラグインダイアログではなくiframeプロパティダイアログが開きます。

カスタムプラグインの偽の画像をどのように作成できますか。

Answer 1

解決策を見つけました。 Ckeditorは、プラグインによって生成されたコードから偽の要素を作成します。それは、コードを受け取り、偽の要素に変換し、それが

afterInit : function(editor) 
    { 

エディタの機能とで呼び出される中で定義されることになるため、デフォルトの編集は、その偽の要素のコードで働いている場合は、エディタのロード偽の要素例えばedior

onOk : function() 
{ 
    var embedCode = updatePreview(this,true); 
    var newFakeImage = editor.createFakeElement(embedCode, 'cke_audio', 'audio', true ); 

コードのOKイベントに次のようですが、私は

afterInit : function(editor) 
    { 
     function createFakeElement(editor, realElement) 
     { 
      return editor.createFakeParserElement(realElement, 'cke_audio', 'audio', true); 
     } 

     var dataProcessor = editor.dataProcessor, 
       dataFilter = dataProcessor && dataProcessor.dataFilter; 
      if (dataFilter) 
      { 
       dataFilter.addRules(
        { 
         elements : 
         { 
          'div' : function(element) 
          { 
           //alert("here"); 
           var attributes = element.attributes; 

           if(attributes.class == 'audio'){ 
            //alert("here"); 
            return createFakeElement(editor, element); 
           } 
           return null; 

          } 
         } 
        }, 
        5); 
      } 
     }