Angular Material 2标签页与CKEditor

Question

我在试图将ng2-ckeditor放入angular-material2的md-tab中时遇到了问题。

以下是代码：

HTML：

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

问题在于我每次单击ckeditor中的某个内容时会出现错误：

ckeditor.js:438 Uncaught TypeError: Cannot read property 'getSelection' of undefined at CKEDITOR.dom.selection.getNative (ckeditor.js:438) at CKEDITOR.dom.selection (ckeditor.js:436) at a.CKEDITOR.editor.getSelection (ckeditor.js:434) at $.onOpen (ckeditor.js:721) at $.d.onShow (ckeditor.js:697) at $.showBlock (ckeditor.js:716) at $.e [as click] (ckeditor.js:696) at Object.execute (ckeditor.js:690) at ckeditor.js:691 at ckeditor.js:31 at Object.callFunction (ckeditor.js:31) at HTMLAnchorElement.onclick (VM30482 -KkkPBxTMDSipcy86VCV:1)

奇怪的是，当它加载选项卡（大约为1秒）时，它显示正常。

有没有解决方法？谢谢！

- Mister.E

---

你有没有尝试在md-tab之外使用ckeditor？是否出现了相同的错误？ - bchampion

是的，完全没有错误，它运行良好。 - Mister.E

你可以在 github 上看到这个问题，可能是相关的。我也遇到了类似的问题，不确定它来自哪里。 - tftd

Answer 1

嗨，似乎通过添加divarea插件可以解决问题： <ckeditor [(ngModel)]="content" [config]="{extraPlugins: 'divarea'}"></ckeditor>

- Mister.E

Answer 2

我有一个类似的问题（CkEditor和Angular Material 2 Tabs）。

Divarea插件没有起作用，但我发现如果我将CkEditor放在立即可见的选项卡中（第一个/选定的），那么编辑器就可以正常工作。

也许这会帮助某些人。

- Investigator