javascript - TinyMCE:从 TinyMCE 到常规文本字段的实时复制文本

Question

我已经在这里苦苦挣扎了几个小时。我们在后端为我们的一个消费者系统使用 tinyMCE，并且权力决定了他们希望能够将用户在 TinyMCE 编辑器中键入的任何文本镜像到常规文本字段(没有 html 标记)在里面)。

此处的想法是为 HTML 邮件内容 (TinyMCE) 设置一个字段，为简单的纯文本邮件(常规文本区域)设置一个字段。因此，当用户在 TinyMCE 中键入他们的电子邮件内容时，文本将逐个字母地复制到纯文本区域。

但是，即使使用特定于 tinyMCE 的 JS，我也无法使这个看似基本的功能发挥作用。

这是我最近的尝试(有几次尝试，并不是说这比我之前的迭代“更正确”，只是最近的一次):

    <div class="row not-on-phone">
                    <label for="wysiwyg">
                        <strong>HTML</strong>
                    </label>
                <div>
                    <br style="line-height:1px">
                    <TEXTAREA name="HTML" id="HTML" WRAP="Physical" onkeyup="copyText()" class="rtfeditor"><cfoutput>#HTML#</cfoutput></TEXTAREA>
                    <br style="line-height:1px">
                </div>
            </div>
            <div class="row not-on-phone">
                    <label for="wysiwyg">
                        <strong>Plain Text</strong>
                    </label>
                <div>
                    <br style="line-height:1px">
                    <TEXTAREA name="Text" id="Text" WRAP="Physical" rows="20"><cfoutput>#Text#</cfoutput></TEXTAREA>
                    <br style="line-height:1px">
                </div>
            </div> 

相关JS:

    <script language="javascript">

function copyText (){
    var content = tinymce.get('HTML').getContent({format : 'raw', no_events : 1});
    document.getElementsById('Text').innerHTML = content;
}
</script>

那么如何通过 TinyMCE 的击键实时击键将文本复制到这个常规文本区域？

Answer 1

为此，您需要使用 tinymce onKeydown 或 onkeyup 处理程序。这个可以像这样在tinymce init中设置

tinyMCE.init({
   ...
   setup : function(ed) {
      ed.onKeyUp.add(function(ed, evt) {
          copyText();
      });
   }
});