Question

我创建了一个将图像添加到帖子的编辑器，已直接上传到我的服务器，最后插入到文本编辑器主体中，例如：

<img src="http://mydev.io:8000/storage/c6bc9b4b0ae0244058a4181f8e84007d-1.jpg">

问题是当用户从编辑器中删除该图像时，如何从服务器中删除该图像

Answer 1

就像其他人所说的那样，您需要显示更多代码，以便人们可以看到内容编辑器的来龙去脉，但是这样的事情对于检测更改事件并开始确定是否可以进行更改非常困难。图像是否存在。

var currentImages = [];

$('body').on('focus', '[contenteditable]', function() {
    const $this = $(this);
    $this.data('before', $this.text());
    return $this;
}).on('blur keyup paste input', '[contenteditable]', function() {
    const $this = $(this);
    if ($this.data('before') !== $this.text()) {
        $this.data('before', $this.text());
        $this.trigger('change');
    }
});

$('[contenteditable]').on('change', function(){
     //looks like I changed.
     parseContentEditorAndFindImages( $(this) );

});

function parseContentEditorAndFindImages( $elem ){

     var rawHtml = $elem.text();
     currentImages  = [];
     html = $.parseHTML( rawHtml );
     $.each( html, function( i, el ) {
           //parse html here and detect images

     });
}

<div id="myEditor" contenteditable="true"  /">

从编辑器中删除上传的图像后将其删除

1 个答案: