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	–	保持原版设置，未做改动
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使用说明