summernote富文本编辑器的使用

最近在开发一个微信公众号的后台,微信公众号编辑的文章一直没有得到很好地适应,大多数人也是在其他的编辑软件中编辑好之后直接去复制到微信公众平台中,考虑到复制后会排版出现问题,所以给大家推荐一款很不错的Web富文本编辑器summernote

官网地址为: https://summernote.org/

首先看一下编辑器的样子:

summernote富文本编辑器的使用

 

接下来就简单的实现这个编辑器。

1.首先需要从官网下载summernote的包(js和css两部分)然后新建一个页面,因为这个是建立在jquery和bootstarp两个基础上的,所以我们也需要引用他们,以下为我们引入的五个文件,代码如下:

<script src=http://www.likecs.com/"../../js/jquery-3.1.1.min.js"></script> <link href=http://www.likecs.com/"../../css/bootstrap.css" rel=http://www.likecs.com/"stylesheet" /> <script src=http://www.likecs.com/"../../js/bootstrap.min.js"></script> <link href=http://www.likecs.com/"dist/summernote.css" rel=http://www.likecs.com/"stylesheet" /> <script src=http://www.likecs.com/"dist/summernote.js"></script>

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zyzyfd.html