アップロードが失敗した後にコンテンツからイメージを削除する

Question

TinyMCE 4とカスタムイメージアップロードハンドラ（documentation sampleに基づいています）を使用しているペーストプラグインを使用して、私はうまく動作しています。ただし、アップロードが失敗すると、イメージはコンテンツに追加されます。サンプルは、エラーの失敗メソッドの呼び出しを示しますが、イメージは削除されません。

コンテンツをフィルタするためにpaste_postprocessコールバックを追加しようとしましたが、その時点で正常にアップロードされたイメージと失敗したイメージの間にコンテンツに違いはありません。彼らは両方のようにコンテンツに表示されます：

内容の最終結果は実際には異なります。失敗したアップロードがどのように見えるのに対し

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

：これを試してみるために

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

私はTinyMCE Fiddle hereを作成し、成功したアップロードのようなイメージソースを持っています。

失敗したアップロード画像をコンテンツから削除してからユーザーに表示する方法について教えてください。

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()); 
} 

：

機能は次のようになります