Forms 在预览Fancybox窗口中提交表单(带有TinyMCE问题…)

Forms 在预览Fancybox窗口中提交表单(带有TinyMCE问题…),forms,tinymce,fancybox,submit,Forms,Tinymce,Fancybox,Submit,我想在一个窗口中提交一个表单以供预览;这看起来并不难,因为一个简单的 $('#preview').fancybox({ ajax: { type: "POST", data: $('#form1').serialize() } }); 我能做这项工作…… 但事情从来没有这么容易,而编辑器(jQuery版本)也会增加麻烦 我发现上面的代码没有发送更新的textarea内容(不知道为什么),所以它对于预览是无用的 我的结局是: $('#preview


我想在一个窗口中提交一个表单以供预览;这看起来并不难,因为一个简单的

$('#preview').fancybox({
    ajax: {
        type: "POST",
        data: $('#form1').serialize()
    }
});
我能做这项工作……
但事情从来没有这么容易,而编辑器(jQuery版本)也会增加麻烦
我发现上面的代码没有发送更新的textarea内容(不知道为什么),所以它对于预览是无用的

我的结局是:

$('#preview').click(function(e){
    e.preventDefault();
    $(this).fancybox({
        ajax: {
            type: "POST",
            data: $('#form1').serialize()
        }
    });
})
这可以完成任务,但前提是我单击两次che#preview anchor
似乎第一次单击“更新”了textarea内容,第二次单击打开了Fancybox

你有更好的解决办法吗?我在谷歌上搜索了一下,但似乎并没有关于“在预览fancybox窗口中提交表单”的内容


提前感谢…

您请求了textarea内容,但内容似乎不是最新的。 这是因为tinymce编辑器内容不在textarea内,而是在contenteditable iframe内。前一个文本区域是隐藏的。要更新隐藏的文本区域,可以使用tinymce.triggerSave()

或者直接从编辑器获取tinymce内容

$('#preview').click(function(e){
    e.preventDefault();
    $(this).fancybox({
        ajax: {
            type: "POST",
            data: tinymce.get('form1').getContent();
        }
    });
})

谢谢你的回答,塔里亚马,但这些都不管用;在第一个例子中,我遇到了“双击”问题(fancybox在第二次点击时启动),在第二个例子中,即使我删除了最后一个“;”,我没有收到fancybox,页面会在自我窗口中打开……Ivan,有一个小问题-如何调用链接?我正在尝试传递数据,但我无法对iframe执行此操作,只能传递到新的空白页。当我试图传递到iframe时,我发生了一个错误“请求的内容无法加载”。嗨,kacper,这是一篇旧文章,我不记得我是如何解决这个问题的,也不记得我是否尝试了其他方法(我也不记得我正在工作的站点)。。。很抱歉
$('#preview').click(function(e){
    e.preventDefault();
    $(this).fancybox({
        ajax: {
            type: "POST",
            data: tinymce.get('form1').getContent();
        }
    });
})