업로드 실패 후 콘텐츠에서 이미지 제거

Question

TinyMCE 4와 붙여 넣기 플러그인을 사용자 정의 이미지 업로드 처리기 (documentation sample 기반)와 함께 사용하면 업로드가 제대로 작동합니다. 그러나 업로드가 실패하면 이미지는 여전히 콘텐츠에 추가됩니다. 이 샘플에서는 오류에 대한 오류 메서드 호출을 나타내지 만 이미지를 제거하지는 않습니다.

paste_postprocess 콜백을 추가하여 콘텐츠 필터링을 시도했지만 그 시점에서 성공적으로 업로드 된 이미지와 실패한 콘텐츠 간의 내용에는 차이가 없습니다. 두 콘텐츠는 다음과 같이 콘텐츠에 표시됩니다.

콘텐츠의 최종 결과는 실제로 다릅니다.

<img src="blob:http://website/dd3bdcda-b7b1-40fe-9aeb-4214a86a92a9"> 

이 밖으로 시도, 나는 TinyMCE Fiddle here을 만들어 : 실패한 업로드가 보이는 반면

<img src="http://website/uploads/mceclip11.jpg" /> 

: 성공적인 업로드 같은 이미지 소스를 가지고있다.

사용자에게 표시되기 전에 실패한 업로드 이미지를 콘텐츠에서 제거하는 방법에 대한 아이디어가 있으십니까?

Answer 1

비슷한 것을 시도 할 사람은 누구나이 문제를 해결할 방법을 찾아 냈습니다.

예에서와 같이 실패 메서드를 호출 한 후에는 실패한 이미지를 제거하기 전에 메서드를 호출하여 편집기에 표시합니다.

function removeFailedUpload() { 
    var editor = tinymce.EditorManager.get('editorId'); 
    var $html = $('<div />',{html:editor.getContent()}); 
    $html.find('img[src^="data:"]').remove(); 
    editor.setContent($html.html()); 
} 

:

기능은 다음과 같이 보입니다