代码拉取完成,页面将自动刷新
已更新项目配置使用说明 Kz.layedit使用说明
由于本人是职业后端,前端水平有限,故存在一些bug短期内无法修复
来实现选中居中和删除操作。对layui.layedit的拓展,基于layui v2.4.3.
软件架构说明
配置信息(具体查看示例文件 index.html)
layui.use(['layedit','layer','jquery'],function() {
var $=layui.jquery;
var layedit = layui.layedit;
layedit.set({
//暴露layupload参数设置接口 --详细查看layupload参数说明
uploadImage: {
url: 'your url',
field: 'file',//上传时的文件参数字段名
accept: 'image',
acceptMime: 'image/*',
exts: 'jpg|png|gif|bmp|jpeg',
size: 1024 * 10,
done: function (data) {//文件上传接口返回code为0时的回调
}
}
, uploadVideo: {
url: 'your url',
field: 'file',//上传时的文件参数字段名
accept: 'video',
acceptMime: 'video/*',
exts: 'mp4|flv|avi|rm|rmvb',
size: 1024 * 2 * 10,
done: function (data) {//文件上传接口返回code为0时的回调
}
}
//右键删除图片/视频时的回调参数,post到后台删除服务器文件等操作,
//传递参数:
//图片: imgpath --图片路径
//视频: filepath --视频路径 imgpath --封面路径
, calldel: {
url: 'your url',
done: function (data) {//data删除文件接口返回返回的数据
}
}
//开发者模式 --默认为false
, devmode: true
//插入代码设置
, codeConfig: {
hide: false, //是否显示编码语言选择框
default: 'javascript' //hide为true时的默认语言格式
}
//新增iframe外置样式和js
, quote:{
style: ['/Content/Layui-KnifeZ/css/layui.css','/others'],
js: ['/Content/Layui-KnifeZ/lay/modules/jquery.js']
}
, //fontFomatt:["p","span"] //自定义段落格式 ,如不填,默认为 ["p", "h1", "h2", "h3", "h4", "h5", "h6", "div"]~~
, tool: [
'html','undo','redo','code'
, 'strong', 'italic', 'underline', 'del',
,'addhr' //添加水平线
,'|', 'fontFomatt','colorpicker' //段落格式,字体颜色
, 'face', '|', 'left', 'center', 'right', '|', 'link', 'unlink'
, 'image_alt', 'altEdit', 'video'
,'anchors' //锚点
, '|'
, 'table'//插入表格
,'customlink'//插入自定义链接
,'fullScreen'
]
});
var ieditor = layedit.build('layeditDemo');
layedit.setContent(ieditor,"hello layedit",false);
})
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。
1. 开源生态
2. 协作、人、软件
3. 评估模型