CkEditor - 未捕获的类型错误：无法读取未定义的属性“getSelection”

Question

我正在我的应用程序中实现CKEditor 。 当我尝试将CKEditor实例化到 textarea 时，出现以下错误

Cannot read property 'getSelection' of undefined

在 ckeditor 的下面一行

getNative: function() {
 return void 0 !== this._.cache.nativeSel ? this._.cache.nativeSel : this._.cache.nativeSel = B ? this.document.$.selection : this.document.getWindow().$.getSelection() }

任何帮助深表感谢。

Answer 1

1. 我有一个文章列表。
2. 每次我点击任何文章时，都应该打开一个“对话框/模式”。
3. 在这样的对话框或模式中，我的文章内容有一个 ckeditor 元素。
4. 当我点击第一个时，它就像一个魅力。
5. 问题是在点击第二个、第三个、第四个等之后。

然后我开始出现这个错误。

    TypeError: Cannot read property 'getSelection' of undefined
    at CKEDITOR.dom.selection.getNative (ckeditor.js:448)
    at new CKEDITOR.dom.selection (ckeditor.js:446)
    at a.CKEDITOR.editor.getSelection (ckeditor.js:443)
    at new CKEDITOR.plugins.undo.Image (ckeditor.js:1182)
    at CKEDITOR.plugins.undo.UndoManager.save (ckeditor.js:1177)
    at a.<anonymous> (ckeditor.js:1173)
    at a.n (ckeditor.js:10)
    at a.CKEDITOR.event.CKEDITOR.event.fire (ckeditor.js:12)
    at a.CKEDITOR.editor.CKEDITOR.editor.fire (ckeditor.js:13)
    at a.setData (ckeditor.js:275)

我的解决方案很简单，告诉计算机在对话框/模式关闭时销毁 ckeditor 实例。 容易！..现在就像一个魅力=）

           $mdDialog.show({
             parent:      parentEl,
             targetEvent: $event,
             templateUrl: '/md-templates/blog-article.html',
             controller:  DialogController,
             scope:         $scope,
             preserveScope: true,
            onRemoving: function (event, removePromise) {
                if (CKEDITOR.instances.body) CKEDITOR.instances.body.destroy();
            }
        });

Answer 2

我遇到了同样的错误，我通过在$(document).function(ready());初始化 CKEditor 解决了这个问题$(document).function(ready());

$(document).ready(function () {
    CKEDITOR.replace('editor1', {
        language: 'tr',
        height: '300'
    });
});

我认为当你在页面加载之前初始化时，它没有找到 dom 元素（textarea）

Answer 3

这很可能是您的应用程序在编辑器准备就绪之前尝试访问和设置 CKEditor 的数据。 这可能是竞争条件的结果，导致错误是间歇性的。 您可以采取一些措施来防止出现此问题。

首先， CKEditor 认可测试编辑器是否首先loaded 。

if ( CKEDITOR.status == 'loaded' ) {
    // The API can now be fully used.
    doSomething();
} else {
    // Wait for the full core to be loaded and fire its loading.
    CKEDITOR.on( 'load', doSomething );
    CKEDITOR.loadFullCore && CKEDITOR.loadFullCore();
}

其次，如果您无法控制与设置编辑器值相关的时间，您可以将CKEDITOR.dom.window对象包装在async / await Promise ，该Promise测试编辑器是否首先加载，如果不是，则侦听编辑器加载，然后完成设置值。 （注意，此代码未经过全面测试）

CKEDITOR.dom.window = (function(window) {
    if ( CKEDITOR.status == 'loaded' ) {
        // The API can now be fully used.
        return window;
    } else {
        return (async function() {
            return await function() {
                return new Promise(resolve => {
                    CKEDITOR.on( 'load', () => {
                        resolve(window);
                    });
                });
            };
        })();

        CKEDITOR.loadFullCore && CKEDITOR.loadFullCore();
    }
})(CKEDITOR.dom.window);

Answer 4

你可以试试

CKEditor.destroy();

Answer 5

将 ckeditor.js 中的函数 f.$.onload 更改为以下内容

 f.$.onload=function(){var toutMs =5000;
    if(CKEDITOR.document.getHead().$.childElementCount > 6)
    {
    toutMs=0;
      }
    setTimeout(function(){
    A(b,!0)
     },toutMs)
     }