iT邦幫忙

0

medium editor:關於圖片插件及emoji 問題?

  • 分享至 

  • xImage

在我需要編輯器的時候,在網上找到了這編輯器 medium-editor
https://github.com/yabwe/medium-editor

然後正在苦惱怎麼沒辦法上傳影片和圖片時出現救星
https://github.com/orthes/medium-editor-insert-plugin

當我使用後發現幾個問題始終無從解起!

問題1
拖拉上傳到 editor 或使用 medium-editor-insert-plugin 插件的內建圖片上傳時,會「原圖」上傳,沒有經過壓縮,所以如果超過十幾個圖片,每個size又特大時,就會導致操作延遲,我怎樣也想不到怎麼先經由壓縮,或者是不要傳「原圖」的情況下再放到 editor
補充:我現在能知道的只有他完成後吐出 data:base64到 editor中,我能用啥方式壓縮他?隱藏他?

問題2
emoji 不支持,放emoji到 editor時,送出後到數據庫,顯示出來的都是 「????」,這也是我一直苦惱的

問題3
我發現當我要上傳 youtube, facebook, instagram 影片時,可以直接透過網址及第三方套件服務來做到直接引入的功能,發現是這個第三方套件支持這個編輯器的
https://iframely.com/docs/medium
想問問有沒有人用過這個服務,以及有沒有其他替代方案?

承上述,擾了我幾日,
想問問大大們,可否為小的指引一下路,給我個釣竿、邏輯?有無可能解決以上問題!
問題1 我不知道能不能在中途攔截,他輸出的照片預覽是 data:base64 ,我不知道能不能對上傳到 editor 的圖片做變更後再丟回去,不過想想好像還是不可能,但我也找不到拖曳或上傳照片時的程式碼在哪裡!

圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 個回答

1
froce
iT邦大師 1 級 ‧ 2018-09-12 15:29:16
最佳解答

1.有drop事件啊。
https://developer.mozilla.org/zh-CN/docs/Web/Events/dragenter

放進去後可以用ev.dataTransfer.items[0].getAsFile()去檢查。
https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API/File_drag_and_drop

https://jsbin.com/kohifaz/edit?html,console,output

然後他上傳是用
https://github.com/blueimp/jQuery-File-Upload/wiki/Options
https://github.com/blueimp/jQuery-File-Upload/wiki/Client-side-Image-Resizing
應該也是有辦法處理。

2.emoji就是字串,你應該朝這方向去看是你資料庫還是你送出的資料問題。或許要處理。

我要發表回答

立即登入回答