javascript - 富文字編輯器中的圖片如何儲存到伺服器!

來源:互聯網
上載者:User
關鍵字 php javascript html html5

富文字編輯器中的內容儲存到資料庫,圖片在資料庫中體現為圖片的地址,點一下儲存後,商務邏輯怎麼寫?

回複內容:

富文字編輯器中的內容儲存到資料庫,圖片在資料庫中體現為圖片的地址,點一下儲存後,商務邏輯怎麼寫?

很多編輯器都是先上傳圖片再返回圖片地址的,上傳圖片直接編輯器設定檔上修改就可以了,不需要再寫什麼邏輯

這是百度的編輯器吧,它的文檔裡有教程

點擊儲存之後,就相當於提交表單,例如如下方式產生的百度編輯器:

那在後端用$_POST['content']接收,就是文字編輯器提交的內容了。

百度編輯器是可以上傳圖片的,選擇插入圖片時候有方法把圖片發送到後台,後台儲存後返迴路徑,然後可以用這個路徑把圖片插入到內容,具體請看文檔,我也不太記得

wangEditor 編輯器,上傳代碼很簡單。

  1. 前端配置一個伺服器的地址

editor.config.uploadImgUrl = '/upload';

  1. 後台接收儲存資料

  2. 後台response出圖片的url,即可。

這是文檔 http://www.kancloud.cn/wangfupeng/wanged...

  • 相關文章

    聯繫我們

    該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

    如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

    A Free Trial That Lets You Build Big!

    Start building with 50+ products and up to 12 months usage for Elastic Compute Service

    • Sales Support

      1 on 1 presale consultation

    • After-Sales Support

      24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.