最近在做一個考試系統項目。其中實體答案有這樣的需求，答案A,B,C,D 采用 文本和圖片混搭的形式，並且文本也是富文本。
數據庫中大概是這么存的
廢話不多說開始上干貨。。。。
一、首先在jsp頁面導入文件
二、接着進行，summernote的初始化 ，這里我初始化了很多個
---------------------------------------------------
效果圖：
三、summernote的默認圖片上傳是直接將圖片進行base64編碼，然后放在，img標簽的data（記不太清，大概是這個）屬性中，base64編碼后生成的數據非常大，雖然能夠成功上傳，但如果加到數據庫中，無疑非常的占內存。我們理想的情況是數據庫中只存圖片路徑。那么下面我們開始來改造。也就是，重寫summernote的圖片上傳方法。
四，最后是后台部分，這個網上搜能有很多，隨便你用哪種上傳方式都可以。我使用spring mvc的上傳方式。
首先記得在配置文件中配置
然后是controller：
好了，到了這一步基本功能就能實現了。小伙伴們可以進行更一步的完善，比如刪除功能等
添加： 如果一個頁面有多個富文本框框，那么上傳圖片的時候如何確定圖片放在哪呢。
根據id肯定是不行的，根據class也不行：如下
這時候必須通過this，需要改寫方法：
這樣就行了。網上一直搜不到，只能自己琢磨做下記錄。