2013-04-17 35 views
0

Ember.JS和CKEDITOR之間存在衝突。如果我使用Ember.js,工具欄(模式窗口)不起作用。如果我嘗試推動例如粘貼按鈕,然後我得到以下錯誤消息,窗口是白色的,沒有模式窗口。Ember.js和CKEDITOR衝突:無法讀取未定義的屬性'type'

Uncaught TypeError: Cannot read property 'type' of undefined 

ckeditor toolbar not working

如果我刪除Ember.Js然後CKEDITOR工作正常。

看到問題的上的jsfiddle http://jsfiddle.net/HEhMq/13/

現場演示這是我如何嵌入CKEDITOR我燼模板:

App.HTMLTextArea = Ember.TextArea.extend({ 
    didInsertElement: function() { 
     this._super(); 
     var self = this; 
     var elementId = self.get('elementId'); 

     var edit = CKEDITOR.replace(elementId, { 
      extraPlugins : 'autogrow', 
      autoGrow_maxHeight : 800, 
      // Remove the Resize plugin as it does not make sense to use it in conjunction with the AutoGrow plugin. 
      removePlugins : 'resize' 
     }); 

     edit.on('blur', function(e) { 
       if (e.editor.checkDirty()) { 
         self.set('value', edit.getData()); 
       } 
     }); 
    } 
}); 

有了這個代碼編輯器中加載了罰款和灰燼值被更新。只是工具欄按鈕不起作用。

任何人都有同樣的問題?

+0

你附加的jsfiddle顯示正常的編輯器 - 沒有錯誤,沒有Ember代碼。你能檢查一下嗎? – Reinmar

+0

錯誤是當您嘗試按下打開模式窗口的工具欄上的按鈕時。 ember.js包含在內,不需要實際的餘燼代碼。重點是由於Ember有衝突和那些工具欄按鈕不起作用。如果你從資源中刪除了餘燼,那麼這些按鈕就可以正常工作 –

+0

你能夠舉出一個使用ckeditor的餘燼例子嗎?我似乎無法得到它的工作。 – Edward

回答

5

幸運的是,事實證明,我們已經修復了這個問題:http://dev.ckeditor.com/ticket/10265我們這樣做只是幾天前並計劃於下週將包含這個補丁新版本(4.1.1)。事實上,掌握CKEditor倉庫的發行版已經被凍結,所以你可以使用它,因爲它不太可能會改變某些東西。

+0

感謝您的信息Reinmar!它現在與CKEditor版本4.1.1一起工作:) –

相關問題