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

项目介绍

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

新增功能

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

实验功能

undo\redo、字体、字体大小设置浏览器

在使用以前,请先认识几个已存在问题编辑器

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

一、本编辑器基本不支持IE浏览器,甚至是IE12,因为我的能力缘由,暂时放弃维护ide

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

使用

基础配置

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使用说明ui

相关文章
相关标签/搜索