javascript - Imperavi Redactor 内容未被复制到隐藏文本区域

Question

我正在尝试使用 Imperavi Redactor在此处控制我的富文本编辑:

<div class="control-group">
  <%= f.label :description %>
  <div class="controls">
    <%= f.text_area :description, :class => "richtext" %>
  </div>
</div>

$(document).ready(function(){
    $('.richtext').redactor();
});

富文本编辑器出现并且工作正常，但是当我输入内容时，我可以使用 Google Chrome 中的检查元素看到 html 标记没有被复制到隐藏文本区域。见:

<div class="controls">
    //Removed toolbar for brevity.
    <div class="redactor_box">
        <div class="redactor_richtext redactor_editor" contenteditable="true" dir="ltr"><p>asdfjoiasjdf</p><p>dfjiasdfjiasd</p><p>idsfj</p><p>asdffaas</p></div>
    </div>

    <textarea class="richtext" cols="40" id="program_description" name="program[description]" rows="20" style="display: none;"></textarea></div>
</div>

当对这个文本区域进行表单 POST 时，服务器显然看不到任何东西，因为文本区域是空白的。

关于如何将丰富的 html 复制到 textarea 有什么建议吗？我做错了什么？

Answer 1

试试内置函数$().syncCode()

syncCode: function()
{
    var html = this.formatting(this.$editor.html());
    this.$el.val(html);         
}

或者$().setCode()

setCode: function(html)
{
    html = this.preformater(html);

    this.$editor.html(html).focus();

    this.syncCode();
},