javascript - 需要自动保存 TinyMCE

Question

我正在寻找一些自动保存 tinyMCE 的帮助。我想在内容更新后将 tiny 中的内容保存到其各自的文本区域中。这样当我进行 ajax 调用时，内容就在文本区域中，可以发布了。

目前我有这么一小段代码，但它只会在您按微小按钮(如粗体、斜体、下划线等)时更新文本区域。我还有找到代码的链接。任何帮助将不胜感激。

$('.AjaxEdit textarea.tiny').tinymce({

    //other init options

    //need this function to save tiny data before Ajax call
    //http://www.webmasterkitchen.com/article/tinymce-ajax-form-submission/
    setup : function(ed) {
        ed.onChange.add(function(ed) {
            tinyMCE.triggerSave();
        });
    }
});

Answer 1

最好的办法是调整您的 AJAX 调用，使其在 AJAX 调用之前直接从 TinyMCE 或 triggerSave 中提取内容，而不是尝试不断地使文本区域与编辑器内容同步。序列化和过滤整个文档以便在每次更改时都可以存储它是一个主要的性能损失。

如果您真的需要保持文本区域同步，您必须将 DOM 修改监听器添加到 TinyMCE 创建的用于存储内容的 iframe 中的文档 - 您可以使用getDoc() 函数(参见 http://tinymce.ephox.com/documentation/api/index.html#class_tinymce.Editor.html-getDoc )。不过，您将在此处遇到重大性能问题。

问候，

阿德里安·萨顿
http://tinymce.ephox.com