王贤士

基于layui.layedit的拓展,layui富文本编辑器
当下layui的富文本虽然能够完成基本的文字信息编辑,但是相对其他富文本编辑器来说,还是差了不少功能。如果你的项目...
扫描右侧二维码阅读全文
08
2019/01

基于layui.layedit的拓展,layui富文本编辑器

当下layui的富文本虽然能够完成基本的文字信息编辑,但是相对其他富文本编辑器来说,还是差了不少功能。如果你的项目使用了layui,那么这个基于layui.layedit的拓展:Kz.layedit,会帮你解决使用layui富文本编辑器遇到的一些问题(比如,上传图片不能添加alt属性)

功能介绍:图片属性编辑
layui图片属性编辑

功能介绍:多图片上传
layui多图片上传

基础配置:toolbar由tool参数配置,可自由调整顺序和内容。

tool: [
        'html'//源码模式
        ,'undo','redo' //撤销重做--实验功能,不推荐使用
        ,'code', 'strong', 'italic', 'underline', 'del', 
        ,'addhr' //添加水平线
        ,'|', 'fontFomatt','fontfamily','fontSize', //段落格式,字体样式,字体颜色
        , 'colorpicker', 'fontBackColor'//字体颜色,字体背景色
        , 'face', '|', 'left', 'center', 'right', '|', 'link', 'unlink'
        ,'image'//原版上传图片       
        ,'images'//多图上传
        , 'image_alt'//上传图片拓展
        , 'attachment'//上传附件
        , 'video' //视频上传
        ,'anchors' //锚点
        , '|', 'table'//插入表格
        ,'customlink'//插入自定义链接
        ,'fullScreen'//全屏
        ,'preview'//预览
    ]

使用方法简单,下载后直接引入css和js即可,重新修改下js配置

项目主页:https://gitee.com/KnifeZ/Kz.layedit
演示页:http://knifez.gitee.io/kz.layedit/

Last modification:January 8th, 2019 at 04:58 pm
If you think my article is useful to you, please feel free to appreciate

9 comments

  1. 李随

    您好,想问下colorpicker.js 这个是在什么地方引入的。我调用了之后报这个地址引用错误,并且文字颜色设置不生效.能给点提示吗?谢谢

    1. 王贤士
      @李随

      应该是自动引入的,我使用的时候没遇到问题,您看看是不是文件存放或者缺少的问题

  2. 李随

    您好,我想问下演示的功能挺多的。但是实际下载下来有些功能没实现啊。比如字体,字体大小等点击按钮了都没有反应。看了js代码,发现没有这类事件;

    1. 王贤士
      @李随

      成功引入js文件了吗,或者说您没有使用layui?

      1. 李随
        @王贤士

        谢谢您的回复。我这边找到问题了~~

        1. 王贤士
          @李随

          好的,有任何layui问题,可以随时交流

          1. 李随
            @王贤士

            好的。大力支持!!

  3. 好好玩游戏

    楼主,我要做一个图片上传,点开图片上传,弹出一个自定义的对话框,图片可以选择自定义上传,也可以选择从数据库读出的图片,请问怎门做?

    1. 晚耹
      @好好玩游戏

      提供个思路,试试读取数据库中存储图片的url,感觉你这个功能和媒体库差不多不

Leave a Comment