Guns 富文本框

頁面添加 如下代碼（注意標紅代碼，沒必要修改id）

<div class="col-sm-11 b-r">
    <div class="form-group">
        <label class="col-sm-1 control-label">內容</label>
        <div class="col-sm-11">
            <div id="editor" class="editorHeight">
            </div>
        </div>
    </div>
</div>

引入

<script type="text/javascript" src="${ctxPath}/static/js/wangEditor.min.js"></script>

<script src="${ctxPath}/static/modular/articlemodul/article/article_info.js"></script>

 

 

在引入的   article_info.js  頁面 ，添加如下代碼

//初始化編輯器
var E = window.wangEditor;
var editor = new E('#editor');
editor.create();
editor.txt.html($("#contentVal").val());
ArticleInfoDlg.editor = editor;

 

ArticleInfoDlg.collectData = function() {
    this.articleInfoData['content'] = ArticleInfoDlg.editor.txt.html();
    this
    .set('id')
    .set('title')
    .set('cover');
    
}

藍色代碼纔是你需要修改的字段，改爲你實體字段名稱即可