为什么我无法使用 Jquery 插件中的 FormData 从 tinymce 编辑器获取 textarea 的值？

Question

我正在使用 Jquery 插件 和 Tinymce 编辑器 将一些 post 数据添加到数据库使用代码点火器。

我的问题我无法从我使用的 textarea 中获取所有值 Tinymce Editor，但另一个字段运行良好。

这是我的 Tinymce 编辑器

<script type="text/javascript">
    $(document).ready(function () {
        tinymce.init({
            selector: "textarea",
            theme: "modern",
            base_url: false,
            external_filemanager_path: "/filemanager/",
            filemanager_title: "Responsive Filemanager",
            external_plugins: {"filemanager": "<?PHP echo base_url('../filemanager/plugin.min.js') ?>"},
            relative_urls: false,
            plugins: [Full uption ],
            toolbar1: "insertfile undo redo | bold italic | alignleft aligncenter alignright alignjustify ",

        });
    });
</script>

这是我的 Jquery 插件

<script>
    $(document).ready(function () {

        $("#do_upload").on('click', function () {
            if ($("#ch_title").val() === '') {
                alert("You have to input all Chineses language field");
                $("#ch_title").addClass('error');
            }
            if ($("#kh_title").val() === '') {
                alert("You have to input all Khmer language field");
                $("#kh_title").addClass('error');
            }
        });
        $("#eng_form").submit(function (e) {
            e.preventDefault();
        }).validate({
//             ignore: "",
            rules: {
                eng_title: {
                    required: true
                },
                eng_dd: {
                    required: true
                },
                kh_dd: {
                    required: true
                },
                eng_up_img: {
                    required: true
                }, 
            },
            submitHandler: function () {

                $.ajax({
                    url: '<?PHP echo base_url('image/rupload'); ?>',
                    type: 'POST',
                    data: new FormData($('#eng_form')[0]),
                    contentType: false,
                    cache: false,
                    dataType: 'json',
                    processData: false,
                    beforeSend: function (xhr) {
                        $("#teset").modal('show');
                        $('<img style="width:60px; height:auto;" src="<?PHP echo base_url('assets/admin/img/ajax-loader-2.gif'); ?>"/>').appendTo("#loading_img");
                    }, complete: function (jqXHR, textStatus) {
                        if (textStatus == 'success') {
                            $("#loading_img").html('');
                            $("#teset").modal('hide');
                            $("#img_modal").modal('hide');
                            $($('#img_upload')).closest($('form')).find("input[type=text], textarea").val(" ");
                            window.location.href = '<?PHP echo base_url('slide/right'); ?>';
                        }
                    }, success: function (data) {

                        var size = data.img_pro.upload.file_size;
                        if (size >= 2048) {
                            alert("Your images size can't more than 2MB" + "Your size:" + size);
                        } else if (data.res === false) {
                            alert("Your images is not correct");
                        }
                    }
                });
            }

        });
    });
</script>

如果我对数组变量 DD 和 [=26= 使用 Tinymce 编辑器，结果我无法获取所有文本区域值]描述

Answer 1

在捕获表单数据之前，您可能需要使用编辑器的内容更新 <textarea>。我在猜测，因此假设您在创建 FormData 对象时获取字段值。

如果这是真的，那么在 FormData 构造函数的某处通过调用 tinymce.Editor.save() 将 tinymce 编辑器内容移动到 <textarea>。例如，如果您的 activeEditor 实例在名为 editor 的 var 中被引用，那么 editor.save() 将更新关联的 <textarea> 元素。

之后，您可以使用 JQuery.val() 函数获取字段的值，即。 someVar = $(#fieldName).val(); 显然，您需要提供适当的名称来代替 someVar 和 #fieldName。

为什么我无法使用 Jquery 插件中的 FormData 从 tinymce 编辑器获取 textarea 的值？

Why I can't get a value of textarea from tinymce editor using FormData in Jquery plugin?

javascript

jquery

codeigniter

tinymce

tinymce-4