Question

我们有一个有很多textareas的表单（在某些情况下，多达20个）。这些textareas中的每一个都通过TinyMCE jquery插件转换为所见即所得的编辑器，如下所示：

var tinymceoptions = {
    script_url: '/Scripts/tiny_mce/tiny_mce.js',
    theme: "advanced",
    mode: "textareas",
    elements: "text,html1",
    theme_advanced_buttons1: "bold,italic,underline,formatselect,separator,image,insertfile,separator,blockquote,bullist,numlist,separator,undo,redo,separator,link,unlink,separator,code,insertimage",
    theme_advanced_buttons2: "",
    theme_advanced_buttons3: "",
    theme_advanced_toolbar_location: "top",
    theme_advanced_toolbar_align: "left",
    theme_advanced_blockformats: "h1,h2,h3,p",
    width: '100%',
    content_css: Settings["tiny_mce_css"],
    plugins: "advimage,advlink,autoresize,inlinepopups,imagemanager,paste",
    relative_urls: false,
    forced_root_block: false
};

$('textarea.editor').tinymce(tinymceoptions);

我们遇到的问题是大约95％的时间，textareas没有在表单POST之前使用所见即所得内容进行更新。我们甚至尝试通过循环遍历每个mce编辑器并在提交表单之前调用save（）方法来强制保存：

    $('textarea.editor').each(function () {
        $(this).tinymce().save();
    });

再次使用Fiddler检查POST，我发现textarea仍未使用适当的值进行更新。

有没有人知道可能导致这种情况的原因？

更新

更重要的是......有趣......我添加了以下回调，我得到了奇怪的结果。当表单发布WORKS时，每次按一个键时getContent（）的值都会改变。当表单帖子不起作用时，无论我输入多少内容，getContent都会不断返回初始值：

setup: function (ed) {
    ed.onSaveContent.add(function (ed) {
        console.debug('save content: ' + $(this).tinymce().getContent());
    });
    ed.onKeyPress.add(function (ed, e) {
        console.debug('Editor contents was modified. Contents: ' + $(this).tinymce().getContent());
    });
}

更新2

越来越近了？我发现清除缓存似乎暂时“修复”了问题。随后的访问将显示损坏的行为。

Answer 1

我确定滥用head.js导致了这个问题。我们在head.ready（）上通过ajax加载一些项目，并在$ .ready（）期间应用tinyMCE。将$ .ready（）更改为head.ready（）解决了这个问题。

TinyMCE JQuery插件并不总是更新textareas

1 个答案: