summernote富文本编辑器的使用

来源：互联网发布：床上用品品牌知乎编辑：程序博客网时间：2024/05/16 18:10

创建一个jsp文件，将summernote全部复制到工程之中。

以下是jsp引用css和js

<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="utf-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Insert title here</title><!--include libraried --><link rel="stylesheet" href="css/bootstrap.min.css"><script type="text/javascript" src="js/jquery.min.js"></script><script type="text/javascript" src="js/bootstrap.min.js"></script><!--include summernote --><link rel="stylesheet" href="summernote/dist2/summernote.css"><script type="text/javascript" src="summernote/dist2/summernote.min.js"></script><script type="text/javascript">$(document).ready(function() {$('#summernote').summernote();});</script></head><body><p>本邮件系统仅支持发送 接收请到相应邮箱进行查看</p><div id="summernote">这是summerNote富文本编辑器</div></body></html>

结果是这样

可能会出现没有图标的情况

请看本人的上一篇关于woff，eot，ttf文件找不到的说明

1 0