系统相关
首页 > 系统相关> > javascript-setData()上的CKEditor内存泄漏

javascript-setData()上的CKEditor内存泄漏

作者:互联网

我认为我有一些与CKeditor setData()函数有关的大内存泄漏.我有一个Web应用程序,用户可以在其中使用Javascript设计自己的内容. CKEditor用作WYSIWYG编辑器,供用户编写设计各部分的内容.

每次用户单击设计中的可编辑文本元素时,都会调用editor.setData,它将CKEditor数据设置为要单击的用户设计的文本元素中的任何内容.

这可以正常运行几次,但是每次用户单击一个新的文本元素并调用.setData()时,应用程序的运行速度将越来越慢,直到网站崩溃为止.我尝试在Javascript中禁用setData()函数,但这样做时没有内存泄漏或性能问题.

有人有类似的问题吗?任何人都对如何避免这种内存泄漏和性能损失有任何建议?

被调用并造成性能损失的函数是:

function clickTextElement() {
    var location = $(this);
    $('.selected').removeClass('selected');
    location.addClass('selected');
    $('#main-tools').hide();

    if(location.hasClass('textarea')){
        $('#imageeditor').hide();
        $('#texteditor').show();
        editor.setData( $('.selected').html() );
    }
}

解决方法:

通过首先添加以下代码,我能够提高此功能的性能:

editor.document.clearCustomData();
editor.document.removeAllListeners();
editor.window.getFrame().clearCustomData();
editor.window.getFrame().removeAllListeners();

在函数的开头,clickTextElement();这个想法是在将新数据加载到编辑器之前,清除所有与该编辑器相关的数据.我不确定这些调用中哪个最能提高性能,我试图逐一取消注释以了解性能损失/改进,很难区分它们.

我还从CKEditor Config中删除了许多字体.以前,我将很多Google字体加载到CKEditor中,大概是50个.现在我将其减少到大约15.

这两个添加项共同提高了性能.在内存耗尽之前,大约10到20次,我才能单击(调用clickTextElement()).我现在已经尝试单击/调用该函数数百次,而没有任何明显的性能损失.

如果有人想添加有关此修复程序以及clearCustomData()和removeAllListeners()函数调用的信息,请这样做.

标签:ckeditor,memory-leaks,javascript,jquery
来源: https://codeday.me/bug/20191122/2057790.html