TinyMCE 不在控制台中输出文本答案

【问题标题】：TinyMCE not outputing text in the consoleTinyMCE 不在控制台中输出文本
【发布时间】：2018-10-30 12:33:13
【问题描述】：

我有一个带有 textarea 的表单，我在其中实现了 tinyMCE WYSIWYG 编辑器。当我点击提交按钮时，文本应该显示在控制台中（用于测试目的）。相反，它输出空白。我是不是忘记了什么？

 <form>
    <textarea id="forumreply" style="width:100%;margin-top:1rem;height:10rem;"></textarea>
    <div id="replyerrbox" class="errboxtxt"></div>
    <button id="forumreplysubbut" class="btn btn--orange">Send</button>
</form>

<script> 


document.getElementById('forumreplysubbut').addEventListener('click',function(event){
    event.preventDefault();
    var err = new Array();
    var reply = document.getElementById('forumreply');
    var rpid = <?php echo $postId; ?>;
    var errbox = document.getElementById('replyerrbox');

    console.log(reply.value);
    /*
    if(reply.value.trim().length < 100){
        err.push(1);
    }
    if(err.length != 0){
        errbox.innerHTML = "Replies must be 100 characters in length.";
    }else{
        var dta = new FormData();
        dta.append('reply',reply.value);
        dta.append('rpid',rpid);
        var req = new XMLHttpRequest();
        req.onreadystatechange = function(){
            reply.value = null;
            getReplies();
        }
        req.open('POST','includes/processforumreply.php',true);
        req.send(dta);
    }*/


});
</script>

<script>
  tinymce.init({ selector:'textarea',
  branding:false, 
  menubar:false,
  mobile:{theme:'mobile'},
  plugins: 'emoticons',
  toolbar: 'undo redo | bold italic | link emoticons' });
</script>

【问题讨论】：

标签： javascript tinymce

【解决方案1】：

TinyMCE 模仿您的文本区域，实际编辑发生在另一个元素中。因此，您需要明确获取它的内容：

<script>
  tinymce.init({ selector:'textarea',
    //... your code
    init_instance_callback: function (editor) {
      document.getElementById('forumreplysubbut').addEventListener('click', function(){
        var resultingSource = editor.getContent()
        console.log(resultingSource)
      }
    }
  }
)
 </script>

查看编辑器docs 了解获取其实例的其他方法。

【讨论】：

这就是去这里的方式