Question

我在尝试将ng2-ckeditor放入md-tab角度素材2时遇到问题。

以下是代码：

HTML ：

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

问题是每当我点击ckeditor中的某些内容时我都会收到错误：

ckeditor.js：438 Uncaught TypeError：无法读取属性＆＃39; getSelection＆＃39;在CKEDITOR.dom.selection.getNative（ckeditor.js：438）的CKEDITOR.dom.selection（ckeditor.js：436）处于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秒）它显示正常。

有什么解决方案吗？谢谢！

Answer 1

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

Answer 2

我遇到了类似的问题（CkEditor and Angular Material 2 Tabs）。

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

也许这会对某人有所帮助。

角度材料2带有ckeditor的标签

2 个答案: