Question

我在我的项目中实现了ck-editor。用户可以在单击保存按钮后保存数据。但是现在客户希望我实现自动保存功能以保存数据。如何在ck-editor中处理保存点击事件。我想在修复时间之后调用save plugin.js。我该如何实现呢？

Answer 1

在javascript中，您可以使用setInterval按时间间隔运行函数。此功能每2秒运行一次：

setInterval(function() {
  // Save code goes here
}, 2000); <-- Change this number to the length you want your interval in ms

Answer 2

CKEditor为此提供了editor#change事件。与CKEDITOR.tools.eventsBuffer结合使用，它是一种去抖动实用程序，它可以让您实现安全而简单的自动保存功能：

JSFiddle

CKEDITOR.replace( 'editor', {
    toolbarGroups: [ { name: 'basicstyles' } ],
    on: {
        instanceReady: function() {
            // Autosave but no more frequent than 5 sec.
            var buffer = CKEDITOR.tools.eventsBuffer( 5000, function() {
                console.log( 'Autosave!' );
            } );         

            this.on( 'change', buffer.input );
        }
    }
} );

Answer 3

我得到了解决方案。

        setInterval(function() {        
              CKEDITOR.tools.callFunction(9,this);
              return false;
        }, 100000);

此代码将自动调用ck编辑器的save事件。在您的主jsp页面中设置此代码，您可以在其中实现ck-editor并从$（document）.ready（function（）{}调用此函数功能。并完成了它。

ck-editor中的自动保存功能

3 个答案: