zoukankan      html  css  js  c++  java
  • Kz.layedit-layui.layedit富文本编辑器拓展

    项目介绍

    首先欢迎使用 Kz.layedit!
    本项目基于layui.layedit富文本编辑器,在其之上拓展而来。

    新增功能

    html源码模式、插入hr水平线、段落格式、字体颜色、字体背景色、批量上传图片、上传视频、上传附件、锚点、插入表格、插入自定义链接、全屏、预览、右键菜单优化以及一些参数设置

    实验功能

    undo edo、字体、字体大小设置

    在使用之前,请先认识几个已存在问题

    目前存在问题(2018-12-20)

    1、本编辑器基本不支持IE浏览器,甚至是IE12,由于个人能力原因,暂时放弃维护

    2、虽然对移动端做了适配,但是使用体验不咋的,已经放弃治疗.以后估计只会优化界面,避免出现宽,高溢出的情况.但是操作体验上基本无法改进了…不建议移动端做富文本编辑

    使用

    基础配置

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

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    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'//预览
    ]

    基础方法未做修改,详细见原版文档,: layui.layeidt v1.0.9

    编辑器基本设置

    参数名称类型介绍
    原版参数tool/hideTool/height 保持原版设置,未做改动
    uploadImage object layupload基本参数
    uploadVideo object layupload基本参数
    uploadFiles object layupload基本参数
    calldel object 图片/视频删除回调方法
    devmode bool 开发者模式,控制插入链接时是否显示rel和target属性
    autoSync bool 自动同步到textarea文本域设置,默认为false
    onchange function 内容改变监听事件
    codeConfig object 插入代码设置,控制插入代码时是否显示代码选择框
    quote object 外部样式/js引用
    customTheme object 视频自定义主题
    customlink object 自定义链接,配置该项后,可插入一个指定href的a标签,只需设置text内容
    facePath string 设置插入表情路径,解决表情图片地址为file://开头的问题
    videoAttr string video标签附加属性,可给插入的视频添加设置的属性

    个人博客原始地址:kz.layedit使用说明

     
  • 相关阅读:
    狄利克雷卷积
    洛谷P2044 [NOI2012]随机数生成器
    Miller Rabin算法详解
    BZOJ3667: Rabin-Miller算法
    洛谷P3383 【模板】线性筛素数(Miller_Rabin)
    洛谷P3806 【模板】点分治1
    BZOJ1468: Tree
    Android Camera调用过程分析
    安卓开发37:自定义的HorizontalScrollView类,使其pageScroll的时候焦点不选中
    Android抖动动画
  • 原文地址:https://www.cnblogs.com/KnifezZZ/p/10004407.html
Copyright © 2011-2022 走看看