如何将div内容镜像/复制到带有javascript的表单字段中

我有一个tinyMCE内联文本编辑器，可以在用户键入时实时编辑内容。它采用html_安全内容，如：

@object.content=“测试事件09/02/18@04:20
带上奶酪
”

并将其转换为contenteditable div，如下所示：

第二次测试事件09/02/18@04:20
带上奶酪

如何实时镜像或复制contenteditable div/html到@object.content的表单中

在下面的示例中，我想镜像用户在.editor上输入的任何按键事件（作为html元素div），并将其作为文本复制到
text\u区域：content
表单

<%= form_with(model: @object, local: true) do |form| %>

    <%= form.hidden_field :event_id, value: @event.id %>    
    <%= form.text_area :content, :id => "hidden-text", :style => 'display: none;' %>

    <div class="editor" id="visibile-text"><%= @object.content.html_safe %></div>
    <script type="text/javascript">
          tinyMCE.init({
            selector: '.editor',
            menubar: false,
            inline: true,
            plugins: "save",
            toolbar: "none",
          });
        </script>
        <form><button name="submitbtn" id="submit-changes">Save</button></form>
<% end %>


“隐藏文本”，：style=>“显示：无；”%>
tinyMCE.init({
选择器：'.editor'，
梅努巴：错，
是的，
插件：“保存”，
工具栏：“无”，
});
拯救

如何使用javascript实现这一点？
这个TinyMCE提琴展示了如何依靠TinyMCE中的事件来触发javascript来做一些事情。该示例将HTML内容放置在相邻的
中