使用富文本控件需要三步:
第一步,导包。
<!-- 富文本编辑器 -->
<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" id="cautions">
${nersingCarePlan.cautions}
</div>
第三步,js代码
<script>
$('.summernote').summernote({
height: 155,
lang: 'zh-CN'
});
</script>
取值方式:
$('#cautions').summernote('code')
效果图: