在summernote編輯器中刪除圖像名稱

我添加了WYSWYG編輯器sumernote並更改了設置以將上傳的圖像存儲在我的服務器上。默認情況下，編輯器似乎base64編碼圖像存儲在數據庫。現在我可以上傳圖片了，當圖片從帖子中刪除時，我需要能夠將其刪除。在summernote編輯器中刪除圖像名稱

我有最困難的時間搞清楚如何獲取圖像名稱刪除按鈕點擊jQuery。

http://summernote.org/

來源

2017-07-03 santa

你能爲你的問題創建jsfiddle例子嗎？ – hasan

上面的網站有編輯器作爲演示。你可以添加一個圖片，點擊圖片後會彈出一個帶有工具選項的彈出窗口。我對刪除按鈕感興趣。當它被點擊時，我需要選擇圖像名稱以便將其發送到我的PHP腳本以從服務器刪除此圖像。 – santa

有一個鏈接可以幫助https://github.com/summernote/summernote/issues/605 – hasan

我分叉的summernote的jsfiddle例子之一。它的工作原理here

您可以嘗試使用summernote的onMediaDelete事件和$target.context.dataset.filename來獲取要刪除的圖像的文件名。

$(".summernote").summernote({ 
    onMediaDelete : function($target, editor, $editable) { 
     alert($target.context.dataset.filename);   
     $target.remove(); 
    } 
})

來源

2017-07-03 19:18:12 hasan

我試過這段代碼。它似乎已經過時了一點。首先，它需要回調：{}添加，我也無法找到任何提及onMediaDelete ... http://summernote.org/deep-dive/#callbacks – santa

你嘗試添加jquery（「點擊「）事件刪除按鈕，然後調用console.log（$ target [0] .data（」filename「）） – hasan

@santa我分叉了一個summernote jsfidde的例子。它在這裏工作=> https://jsfiddle.net/b4pjphj3/ – hasan

在summernote編輯器中刪除圖像名稱

回答

相關問題