Tinymce 编辑器无法传递 textarea 内容

Question

文本编辑器工作正常，但当我单击保存按钮时没有数据传递

这是我用于文本区域的微型 mce 编辑器的脚本

  <script>
        tinymce.init({
        selector: 'textarea#txtAnnex_two'
        });
  </script>

文本区域位于模式对话框中，其中没有微型 mce 编辑器的文本区域可以很好地传递内容，但在添加编辑器时，不会传递任何数据。

<div class="input-group">
  <span class="input-group-addon">
  <i class="fa fa-pencil bigger-110"></i>
    </span>
    <textarea class="form-control" name="txtAnnex_two" id="txtAnnex_two"></textarea>
</div>

点击保存按钮会运行一个函数，在保存前检查文本区域是否有内容。它在没有编辑器的情况下工作正常，但在添加编辑器时 returns 为空值。

<button class="btn btn-white btn-success btn-round" onclick="mySaving_Annex_two()"><i class="ace-icon fa fa-times green2"></i>Save</button>

这是保存功能

function mySaving_Annex_two(){

$myAnnex_two = $("input[name*='txtAnnex_two']").val();

if($myAnnex_two == "" || $myAnnex_two == null)
    {
        MyNotify('warning' , ' Kindly enter the Explanatory Notes!');
    }
else
    {
        var obj = {"myPC_Globe_ID" : $myPC_Globe_ID, 
                                "myAnnex_two_Local" : $myAnnex_two_Local,
                                 "myAnnex_two" : $myAnnex_two};
        var myJSON = JSON.stringify(obj);
        $.ajax({
        url: "../classes/class_pc_cec_planning.php", 
        type: "post",
        data: {'myJSON_Annex_two': myJSON}, 
        success: function(data){
            myDisplay_Annex_two($myPC_Globe_ID);
            MyNotify('success' , ' PC Annex II saved successfully!');
        }
    });

$("#myAddEdit_Annex_two_Dialog").modal("hide");
return false;
}


}

Answer 1

获取编辑器的内容需要使用编辑器的API准备传值

API 带有一些额外的选项，例如纯文本 (text) 以去除 HTML.

var htmlContent = tinymce.activeEditor.getContent();
var textContent = tinymce.activeEditor.getContent({format: 'text'});

有关如何使用此功能的更多详细信息，请参阅 getContent。

在上面的示例中，将 $myAnnex_two = $("input[name*='txtAnnex_two']").val(); 更改为 var content = tinymce.activeEditor.getContent();。

Tinymce 编辑器无法传递 textarea 内容

Tiny MCE editor unable to pass textarea content

php

tinymce

modal-dialog