富文本编辑控件

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

第一步,导包。

<!-- 富文本编辑器 -->
<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')

效果图:


原文地址:https://www.cnblogs.com/meng-ma-blogs/p/7406422.html