CKEditor鉤子/事件觸發切換到/從源視圖

Question

我嘗試將div標籤轉換成我可以在CKEditor中拖放的東西（如另一個問題所述）。 你知道我怎麼能觸發事件當有人開關之間源視圖和所見即所得模式？

感謝，
-lony

Answer 1

我認爲這是你在找什麼：

CKEDITOR.on('instanceCreated', function(e) { 
    e.editor.on('mode', function(e){ 
     // Do your stuff here 
     alert(e.editor.mode); 
    }); 
}); 

Answer 2

如果你的意思，你想捕捉源模式的變化，那麼你可以嘗試這樣的事：

//add this to your CKeditor’s config.js 
$('textarea.cke_source').live('keyup', function() { 
    $(this) 
    .closest('.cke_wrapper') 
    .parent() 
    .parent() 
    .prev() 
    .ckeditorGet() 
    .fire('change'); 
}); 

這種討論可能有所幫助：ckEditor 希望它有幫助

Answer 3

我想你應該寫一個插件來製作wysiwyg視圖的假元素。

Ckeditor能夠識別需要用fake-elements替換的元素。

我爲你一個開始：）

(function() { 
CKEDITOR.plugins.add('myPlugin', { 
    requires : [ 'fakeobjects' ], 
    init: function(editor) { 
     var me = this; 
     var pluginName = 'myPlugin'; 
     editor.addCommand(pluginName, new CKEDITOR.dialogCommand(pluginName)); 

     editor.addCss(// your custom css for your placeholder here 
      'div.myPluginElement' + 
      '{' + 
       'border: 1px solid #a9a9a9;' + 
       'width: 70px;' + 
       'height: 50px;' + 
      '}' 
     ); 

    }, 
    afterInit : function(editor) { 
     var dataProcessor = editor.dataProcessor, 
      dataFilter = dataProcessor && dataProcessor.dataFilter; 

     if (dataFilter) { 
      dataFilter.addRules({ 
       elements : { 
        div : function(element) { 
         if (typeof element.attributes['class'] !== 'undefined' && element.attributes['class'].indexOf('myPluginElement') != -1) 
          return editor.createFakeParserElement(element, 'myPluginElement', 'div', false); 
         else return; 
        } 
       } 
      }); 
     } 
    } 
}); 

}）（;

Answer 4

的CKEditor的onChange插件：

得到一個通知（新事件）的CKEditor的變化只要內容。

http://ckeditor.com/addon/onchange