KindEditor富文字編輯從資料庫取出來內容回顯在頁面上會自動增加行間距以及回車換行會自動間距變大的問題
阿新 • • 發佈：2019-04-04
| KindEditor富文字編輯從資料庫取出來內容回顯在頁面上會自動增加行間距 |
根據程式碼追蹤顯示，最終確定在jsp頁面取出富文字編輯框中的內容的時候，格式是正確的
但是賦值給後臺，後臺接收的時候就出現了問題
所以，我們在從jsp頁面將資料傳給後臺的時候進行操作就可以了，比如現將正確的資料封裝起來，然後在後臺在進行解除封裝操作
jsp頁面
var content = $("#kindEditor").val();
content = encodeURIComponent(content);//將資料封裝起來
$('#picturePath').val(content);java後臺
String content = item.getPicturePath();
content = URLDecoder.decode(content, "utf-8");
| 回車換行會自動間距變大 |
對newlineTag屬性增加性質:<br>或者<p>,如果是“”，就會出現回車行間距變大的問題
var keditor = KindEditor.create('#' + keid, {
items : [
'source', '|', 'undo', 'redo', '|', 'preview', 'print', 'code',
'cut', 'copy', 'paste',
'plainpaste', 'wordpaste', '|', 'justifyleft',
],
afterBlur : function() {
this.sync();
},//和DWZ 的 Ajax onsubmit 衝突,提交表單時 編輯器失去焦點執行填充內容
afterUpload: function(){this.sync();},
newlineTag : "br"
});