使用隐藏时未更新TinyMCE内容

时间:2012-09-14 03:48:45

标签: tinymce textarea hide

首先,这不是关于tinyMCE.triggerSave();

有时在编辑内容时,我会使用以下

切换到textarea模式
$('#id').tinymce().hide(); // from the official example

暂时隐藏了富编辑器,因此我可以看到HTML代码。

但如果我在编辑后立即提交表格而不切换回富编辑[使用.show()],则内容将不会更新。

我的问题是如何将textarea的内容保存到iframe?

  1. 请不要向我提供“使用代码窗口”选项,我在TinyMCE之外有一个自定义的显示/隐藏按钮。

  2. 通过mceAddControl / mceRemoveControl切换可以解决问题。但是在提交时,textarea中的内容将不会被格式化。

1 个答案:

答案 0 :(得分:2)

好吧,我刚想出了一种更新内容的方法

$('#id').blur(function() {
    $('#id').html(document.getElementById('id').value);
});

<强>更新

对于所有实例

,这可能会更好
$('textarea.tinymce').blur(function() {
    var this_id = $(this).attr('id');
    $('#' + this_id).html(document.getElementById(this_id).value);
});

非常感谢任何其他解决方案。