前些日子项目需要使用到富文本编辑器作为文章发布的编辑器,刚好项目前端使用的是Layui框架,所以就决定使用Layui的富文本,但Layui富文本没有视频这个功能,上网找了扩展过的layedit。
1.先下载layedit扩展文件:https://fly.layui.com/extend/layedit/#download
2.将下载的文件dist下文件layedit.js替换掉layui/lay/modules/layedit.js
3.把Content文件夹粘贴到项目中layui目录下,然后在调用的界面引入ace.js即可(Content/ace/ace.js)
<script>
layui.use(['layedit','form', 'layer', 'jquery','upload'], function () {
var ArtCoverImgUrl;
var $ = layui.jquery,
upload = layui.upload;
var layer = layui.layer;
var form = layui.form;
var layedit = layui.layedit;
layedit.set({
//暴露layupload参数设置接口 --详细查看layupload参数说明
uploadImage: {
url: '富文本图片上传到服务器地址(非数据库)',
accept: 'image',
acceptMime: 'image/*',
exts: 'jpg|png|gif|bmp|jpeg',
size: '10240',
type:'post'
}
, uploadVideo: {
url: '富文本视频上传服务器地址(非数据库)',