Kz.layedit-layui.layedit富文本编辑器拓展

项目介绍

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

新增功能

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

实验功能

undo\redo、字体、字体大小设置

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

目前存在问题(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保持原版设置,未做改动
uploadImageobjectlayupload基本参数
uploadVideoobjectlayupload基本参数
uploadFilesobjectlayupload基本参数
calldelobject图片/视频删除回调方法
devmodebool开发者模式,控制插入链接时是否显示rel和target属性
autoSyncbool自动同步到textarea文本域设置,默认为false
onchangefunction内容改变监听事件
codeConfigobject插入代码设置,控制插入代码时是否显示代码选择框
quoteobject外部样式/js引用
customThemeobject视频自定义主题
customlinkobject自定义链接,配置该项后,可插入一个指定href的a标签,只需设置text内容
facePathstring设置插入表情路径,解决表情图片地址为file://开头的问题
videoAttrstringvideo标签附加属性,可给插入的视频添加设置的属性

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

 

转载于:https://www.cnblogs.com/KnifezZZ/p/10004407.html

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值