爲tinymce拖放圖片和上傳插件

我正在尋找一個tinymce插件或外部jQuery解決方案，易於集成到tinymce中，允許在tinymce textarea中拖放圖像上傳和插入，可以直接將圖像放入textarea本身或者定義的「放置區域」，類似於Wordpress中的新媒體上傳按鈕，或者甚至更好，不顯示任何對話。爲tinymce拖放圖片和上傳插件

我不希望像圖庫瀏覽器或圖像存儲庫管理這樣的額外功能，已經嘗試了幾個插件來做到這一點，而客戶發現它太乏味和複雜，他只是想放棄圖像而忘記它，因爲他不會再次使用該圖像。

來源

2011-12-13 Borgtex

嗨Borgtex。你找到解決方案嗎？我正在尋找類似的東西。 – rassom

我不得不這樣做。我的解決方案是將帶有base64映像的文本提交到服務器，然後提交到服務器端，從Dom中提取base64 uris，將它們寫入文件，將SRC替換爲新創建文件的路徑，然後提交文本到數據庫。 – chiliNUT

@chiliNUT這是一個有趣的解決方案。你有沒有持續的成功？那麼非常大的圖像呢，那裏有沒有問題？ – Manachi

您需要支持哪些瀏覽器？

您是否嘗試過將圖像拖放到TinyMCE文本區域？它將以base64編碼圖像，並使用該編碼作爲圖像標籤src屬性的值。由於客戶「不會再次使用該圖像」，這可能是暫時的解決方案，特別是如果圖像非常小，如徽標等。

另外，很多人都可以通過https://github.com/valums/file-uploader獲得拖放上傳功能的成功，但我不確定如何將它與TinyMCE集成。

來源

2011-12-13 19:03:57 david

不，編碼base64中的圖像不是一個選項，因爲它可以顯示在不支持它的瀏覽器中，圖像也可以是任意大小。我一直在努力用valums文件上傳器取得一些成功，但是由於我的JavaScript知識有限以及缺乏示例，所以很難適應我的需求。 – Borgtex

爲tinymce拖放圖片和上傳插件

回答

相關問題