如何将 Tinymce 4.1.9 与 Raw ajax 一起使用，而不是 Jquery

Question

我正在尝试使用 Tinymice 4.1.9 来验证文本区域，但我的代码正在由原始 ajax 处理，因为我对 jquery 不太了解。问题是当我将 Tinymce 4.1.9 添加到我的 textarea 时，在验证时，除非我验证两次，否则我会得到一个空字符串。

这就是我处理验证的原始 ajax 的样子

<script  language="javascript">

   function identification(identification_1,identification_2)
    {
      var OAjax;



       document.getElementById('image_loading_identification').style.display='';

      if (window.XMLHttpRequest) OAjax = new XMLHttpRequest();
      else if (window.ActiveXObject) OAjax = new ActiveXObject('Microsoft.XMLHTTP');
      OAjax.open('POST',"identification.php",true);
      OAjax.onreadystatechange = function()
      {
          if (OAjax.readyState == 4 && OAjax.status==200)
          {

          document.getElementById('image_loading_identification').style.display='none';


              if (document.getElementById)
              {   

                 document.getElementById("identification").innerHTML=OAjax.responseText;






              }     
          }
      }

      OAjax.setRequestHeader('Content-type','application/x-www-form-urlencoded');
      OAjax.send('identification_1='+ encodeURIComponent (identification_1)+'&identification_2='+ encodeURIComponent (identification_2)); 

    }

</script>

我的 Tinymce 4.1.9 代码

<script type="text/javascript" src="js/jquery/jquery-2.1.1.min.js"></script>

<script src="js/tinymce_4_1_9_jquery/tinymce/js/tinymce/tinymce.min.js" type="text/javascript"></script>
<script src="js/tinymce_4_1_9_jquery/tinymce/js/tinymce/jquery.tinymce.min.js" type="text/javascript"></script>

<script type="text/javascript">

$(function() {
   $('textarea.tinymce').tinymce({
    theme: "modern",
    plugins: [
        "advlist autolink lists link image charmap print preview anchor",
        "searchreplace visualblocks code fullscreen",
        "insertdatetime media table contextmenu paste"
    ],
    toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image"
   });
});

</script>

HTML 表单

<form  method="post" name="nomduformulaire_identification" id="nomduformulaire_identification" onsubmit="identification(this.identification_1.value,this.identification_2.value);return false" action="">


<div class="form-group"> 
                        <input name="identification_1" type="text" id="identification_1" class="form-control" placeholder="Name"  autofocus required/>
                    </div>

                    <div class="form-group">


<textarea id="identification_2" name="identification_2" class="tinymce"  style="width:100%"></textarea>

                    </div>    


</form> 

在这里，除非我提交表单两次，否则从 Identification_2 输入的 textarea 不会收到任何内容。

如何将 Tinymce 4.1.9 与 Raw ajax 而不是 Jquery 一起使用，并从 Identification_2 字段中检索信息？

Answer 1

我认为，在你想读出 textarea 之前，你需要做：

if (typeof(tinymce) !== 'undefined')
{
    tinymce.triggerSave();
    tinymce.remove('textarea');
}