javascript - TinyMCE 不在控制台中输出文本

Question

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

 <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>

Answer 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其他获取实例的方法。