# layedit

**Repository Path**: Lizhije/layedit

## Basic Information

- **Project Name**: layedit
- **Description**: 基于layui修改的的编辑器，增加了一些工具栏
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 3
- **Created**: 2022-06-02
- **Last Updated**: 2022-08-15

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# layedit

#### 介绍
基于layui修改的的编辑器，增加了一些工具栏
在原有layedit基础上新增 
1.html源码模式 
2.全屏 
3.批量上传图片、插入视频 
4.字体颜色、背景色设置、段落格式设置 
5.插入表格 
6.右键修改图片视频、段落居中格式、删除等功能 
7.插入水平线hr 
8.锚点 
9.插入代码和插入超链接拓展 
10.插入自定义链接 
11.简单实现撤销重做


![输入图片说明](https://images.gitee.com/uploads/images/2021/0501/161513_fc42484f_1451833.png "屏幕截图.png")


#### 软件架构
软件架构说明


#### 安装教程

1.  将下载好的ace.js和layedit.js文件复制到\layui-v2.5.5\lay\modules目录下，并替换layedit.js，如下图所示
2.  替换原来的文件
![输入图片说明](https://images.gitee.com/uploads/images/2021/0501/155114_15c91f94_1451833.png "微信图片_20210501155031.png")

#### 使用说明


```
<script src="/lib/layui-v2.5.5/lay/modules/ace.js" charset="utf-8"></script>
<textarea id="layeditDemo" style="display: none;"></textarea>
<script>
   layui.use(['layedit', 'layer', 'jquery'], function(){
        var layedit = layui.layedit;
        layedit.set({
            //暴露layupload参数设置接口 --详细查看layupload参数说明
            uploadImage: {
                url: '{{route("ladmin.article.upload")}}',
                accept: 'image',
                acceptMime: 'image/*',
                exts: 'jpg|png|gif|bmp|jpeg',
                size: '10240'
            }
            , uploadVideo: {
                url: '{{route("ladmin.article.upload")}}',
                accept: 'video',
                acceptMime: 'video/*',
                exts: 'mp4|flv|avi|rm|rmvb',
                size: '20480'
            }
            //右键删除图片/视频时的回调参数，post到后台删除服务器文件等操作，
            //传递参数：
            //图片： imgpath --图片路径
            //视频： filepath --视频路径 imgpath --封面路径
            , calldel: {
                url: '/Attachment/DeleteFile'
            }
            //开发者模式 --默认为false
            , devmode: true
            //插入代码设置
            , codeConfig: {
                hide: true,  //是否显示编码语言选择框
                default: 'javascript' //hide为true时的默认语言格式
            }
            , tool: [
                'html', 'code', 'strong', 'italic', 'underline', 'del', 'addhr', '|', 'fontFomatt', 'colorpicker', 'face'
                , '|', 'left', 'center', 'right', '|', 'link', 'unlink', 'image_alt', 'video', 'anchors'
                , '|', 'fullScreen'
            ]
            , height: '400px'
        });
        var ieditor = layedit.build('layeditDemo');
    });

<script>
```