3

我正在使用 tinymce 编辑器来提供富文本格式，并且我想提供自动保存选项。我设法编写了一个完全可以做到这一点的脚本，但是有一个问题。如果窗口不是当前选项卡，我不想调用该保存函数，这样就不会进行不必要的保存调用。

为了解决这个问题，我使用了，$(window).focus()但这似乎不起作用，因为当 tinyMCE 编辑器处于焦点时（意味着我正在输入它），窗口会以某种方式失去焦点（很可能是因为 tinyMCE 编辑器使用 iFrame）并且作为结果我的定期更新功能没有被调用。

如果有处理程序，我会很容易地解决这个问题。onFocus对于编辑，但似乎没有。有人可以建议我如何克服这个问题吗？我的代码如下

/* Function to be called for saving the blog */
function saveBlog(){

    var ed = tinymce.activeEditor;
    /* Ajax call will be done only when some changes has been made in the editor*/
    if (ed.isDirty())
    {
        ed.save();
        var link = $(this).attr("href");
        var cur_elem = $(this);
        cur_elem.html('saving...');
        cur_elem.addClass('unclickable');

        $.ajax({
            type: "POST",
            url: link,
            data: $("#blog_form :input[name!='csrfmiddlewaretoken']").serialize(),
            dataType: 'json',
             success: function(){
                cur_elem.html('Save');
                cur_elem.removeClass('unclickable');
            }
        });
    }

};


var interval_id;

/* Timer resumes when the window comes back in focus */
$(window).focus(function() {
    if (!interval_id)
        interval_id = setInterval(saveBlog, 5000);
});

/* Whenever window goes out of focus the timer is cleared */
$(window).blur(function() {
    clearInterval(interval_id);
        interval_id = 0;
});

/* Starts the auto saving for the first time */
$(document).ready(function(){
     interval_id = setInterval(saveBlog, 5000);
});

任何人都可以帮助解决这个问题，我只需要知道 tinyMCE 编辑器实例何时处于焦点，以便我可以恢复自动保存定期功能。除了$(window).focus

4

2 回答 2

2

虽然这篇文章很老了，但我写了一个插件，每隔 x 秒将表单数据发送到指定的 url。我在这里写了博客。

简而言之，思路就是创建一个iframe，动态改变表单的target和action，提交表单来激发一个ajax效果。保存后，我将表单元素置于其初始状态，这样如果用户想要手动保存，他或她就不会遇到任何困难。

请注意，我编写的插件是针对 tinymce4 的。对于旧版本，您必须稍微更改源代码。

于 2013-05-02T15:18:28.400 回答
1

您是否已经尝试过onActivate-handler？

于 2012-02-29T09:18:00.700 回答