Summernote富文本編輯器怎么把富文本編輯器里邊的內容傳到java后臺資料庫-有解無憂

頁面使用了Summernote富文本編輯器在富文本編輯器里面可以上傳圖片上傳音頻也可以對文章內容進行排版想把富文本編輯器里面的所有編輯的內容（包括格式）存到后臺資料庫里。

java后臺怎么接受富文本編輯器里面的所有內容
求具體方法和參考的例子

uj5u.com熱心網友回復：

參考 1 樓辛木_X 的回復:

樓主的問題解決了么，最近正好遇到了相同的問題，想了一個簡單的方法來解決：

<label class="form-control-label">資訊內容: <span class="tx-danger">*</span></label>
            <div id="summernote"></div>

<div style="display: none;">
           <html:text property="infoContect" styleClass="form-control" size="22" name="TpInfoForm" styleId="infoContect"
maxlength="22"/>
</div>

上面的為summernote框架，下面的為form的一個欄位，我隱藏掉了，需要把summernote的內容放到TpInfoForm的infoContect欄位中

可以在提交的js中獲取并賦予內容

    var markupStr = $('#summernote').summernote('code')
document.getElementById('infoTitle').value=https://bbs.csdn.net/topics/markupStr;

希望可以幫到你~

var markupStr = $('#summernote').summernote('code')
document.getElementById('infoTitle').value=https://bbs.csdn.net/topics/markupStr;

這里的infoTitle 修改為 infoContect

uj5u.com熱心網友回復：

贊同樓上的,直接獲取富文本中的內容然后賦值到一個隱藏的input,跟著表單一起提交到后臺就ok了,富文本中的內容都是html元素的,所以查的時候也可以也會帶樣式去顯示.

uj5u.com熱心網友回復：

參考 2 樓辛木_X 的回復：

Quote: 參考 1 樓辛木_X 的回復:
樓主的問題解決了么，最近正好遇到了相同的問題，想了一個簡單的方法來解決：

<label class="form-control-label">資訊內容: <span class="tx-danger">*</span></label>
            <div id="summernote"></div>

<div style="display: none;">
           <html:text property="infoContect" styleClass="form-control" size="22" name="TpInfoForm" styleId="infoContect"
maxlength="22"/>
</div>

上面的為summernote框架，下面的為form的一個欄位，我隱藏掉了，需要把summernote的內容放到TpInfoForm的infoContect欄位中

可以在提交的js中獲取并賦予內容

    var markupStr = $('#summernote').summernote('code')
document.getElementById('infoTitle').value=https://bbs.csdn.net/topics/markupStr;

希望可以幫到你~

    var markupStr = $('#summernote').summernote('code')
document.getElementById('infoTitle').value=https://bbs.csdn.net/topics/markupStr;

這里的infoTitle 修改為 infoContect

????

uj5u.com熱心網友回復：

參考 3 樓情非彼岸花的回復：

贊同樓上的,直接獲取富文本中的內容然后賦值到一個隱藏的input,跟著表單一起提交到后臺就ok了,富文本中的內容都是html元素的,所以查的時候也可以也會帶樣式去顯示.

嗯呢好用

轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/20865.html

標籤：Java EE

上一篇：mysql-connector-java連接不同版本資料庫

下一篇：總結java中檔案拷貝剪切的5種方式-JAVA IO基礎總結第五篇