项目介绍

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

新增功能

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

实验功能

undoredo、字体、字体大小设置

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

目前存在问题(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使用说明

 
内容来源于网络如有侵权请私信删除
你还没有登录,请先登录注册
  • 还没有人评论,欢迎说说您的想法!

相关课程