webman使用summernote富文本编辑器

前言

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"