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

2019-11-22 06:43:57 阅读：378 来源： 互联网

标签：ckeditor memory-leaks javascript jquery

我认为我有一些与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

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

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