webman使用summernote富文本编辑器

前言

Summernote富文本编辑器功能强大,可以直接从word直接复制内容过来而不破坏原有的文档格式,非常适合做商品详情等内容的编辑工具。本文将展示如何在php高性能框架webman中使用summernote编辑器。

下载

Bootstrap 中文网SummernotejQuery官网下载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"
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值