更改textarea中的图像属性

Question

我有TinyMCE WYSIWYG文本编辑器。点击提交后，文本编辑器的textarea被称为.seo_textarea我希望textarea内的所有图片都具有不同的data属性。我的逻辑如下：

  $('.social_properties_form').on('submit', function(e) {
            e.preventDefault();
            e.stopImmediatePropagation();

            imgOptimize();

                $.ajax({
                  type: 'POST',
                  url: '',
                  data: new FormData(this),
                  processData: false,
                  contentType: false,
                  success: function(data) {
                 window.location = "/profiles/articles.php";
                  }
                });
                }
        })

function imgOptimize(){
    $(".seo_textarea img").each(function(){
        var original = $(this).attr('src');
        $(this).attr('src', '/media/assets/loading-background.jpg');

        $(this).attr('data-src', original);

        var fileName = original.split('/').pop();

        $(this).attr('data-mobile-src', '/stories/media/images/mobile/' + fileName);
    });
}

使用Ajax提交将信息中继到PHP后，将插入一个带有textarea值的新行。但是，textarea不包含图像的额外数据属性。相反，显示原始src并且没有任何更改。

我如何才能在数据库表中获取新的数据属性和更改的src？