前言
Summernote富文本编辑器功能强大,可以直接从word直接复制内容过来而不破坏原有的文档格式,非常适合做商品详情等内容的编辑工具。本文将展示如何在php高性能框架webman中使用summernote编辑器。
下载
去Bootstrap 中文网、Summernote、jQuery官网下载bootstrap、summernote和jquery所需要的css、js和font文件
css文件复制到plugin/admin/public/admin/css
目录
js文件复制到plugin/admin/public/admin/js
目录
font文件将summernote解压得到的整个font目录并复制到plugin/admin/public/admin/css
目录下
使用
-
引入css
<link rel="stylesheet" href="/app/admin/admin/css/summernote.min.css" /> <link rel="stylesheet" href="/app/admin/admin/css/bootstrap.min.css" />
-
引入js
<script src="/app/admin/admin/js/jquery-3.7.1.min.js"></script> <script src="/app/admin/admin/js/bootstrap.min.js"></script> <script src="/app/admin/admin/js/summernote.min.js"></script>
-
设置字段
例如商品详情字段,需要设置一个有id和一个name属性的
div
<div class="layui-form-item"> <label class="layui-form-label required">商品详情</label> <div class="layui-input-block"