角度材料2帶有ckeditor的標簽

Question

我試圖將ng2-ckeditor放在ng2-ckeditor的md-tab中時遇到問題。

這是代碼：

HTML ：

<md-tab-group>
    <md-tab>
        <ckeditor [(ngModel)]="content"></ckeditor>
    </md-tab>
</md-tab-group>

問題是每當我點擊ckeditor中的某些內容時我都會收到錯誤：

ckeditor.js：438未捕獲的TypeError：無法讀取CKEDITOR.dom.selection.getNative（ckeditor.js：438）處於CKEDITOR.dom.selection（ckeditor.js：436）的a .CKEDITOR.editor處的未定義屬性'getSelection' .getSelection（ckeditor.js：434）at $ .onOpen（ckeditor.js：721）at $ .d.onShow（ckeditor.js：697）at $ .showBlock（ckeditor.js：716）at $ .e [as點擊]（ckeditor.js：696）在ckeditor.js上的Object.execute（ckeditor.js：690）：ckeditor.js：691：在HTMLAnchorElement.onclick上的Object.callFunction（ckeditor.js：31）31（VM30482 - KkkPBxTMDSipcy86VCV：1）`

奇怪的是，當它加載標簽時（類似1秒）它顯示正常。

有什么解決方案嗎？ 謝謝！

Answer 1

嗨，似乎通過添加divarea插件，它可以工作： <ckeditor [(ngModel)]="content" [config]="{extraPlugins: 'divarea'}"></ckeditor>

Answer 2

我有類似的問題（ CkEditor和Angular Material 2 Tabs ）。

Thew divarea插件沒有解決，但我發現如果我將CkEditor放在將立即可見的選項卡中（第一個/選中），那么編輯器工作正常。

也許這會對某人有所幫助。