富文本编辑控件

使用富文本控件需要三步：

第一步，导包。

<!-- 富文本编辑器 -->
<link rel="stylesheet" href="<%=path%>/resources/js/plugins/summernote/summernote.css">
<link rel="stylesheet" href="<%=path%>/resources/css/plugins/summernote/summernote-bs3.css">
<script src="<%=path%>/resources/js/plugins/summernote/summernote.js"></script>
<script src="<%=path%>/resources/js/plugins/summernote/summernote-zh-CN.js"></script>

第二步，写一个div,class属性设置summernote

<div class="summernote" >
    ${nersingCarePlan.cautions}
</div>

第三步，js代码

<script>
    $('.summernote').summernote({
        height: 155,
        lang: 'zh-CN'
    });
</script>

取值方式：

$('#cautions').summernote('code')

效果图：

富文本编辑控件