# VisualEditor

**Repository Path**: sdzhuang/VisualEditor

## Basic Information

- **Project Name**: VisualEditor
- **Description**: 基于layui写的可视化编辑器
- **Primary Language**: C#
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 4
- **Forks**: 1
- **Created**: 2022-11-01
- **Last Updated**: 2024-09-21

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

联系我：[8sdz.com](http://8sdz.com/Article/Detail/12)
可视化编辑器，基于layuiUI编写，可以实现功能：

控件：文本框、密码框、多行文本、下拉框、单选框、复选框、开关、日期、行元素(支持用户添加多行)、标题分隔线、用户选择、字典选择

绑定字典库，用户选择，数据类型，数据长度，布局类型，字体大小，字体颜色，默认提示，默认值，宽度，列表显示，导出excle，列表合计，只读，隐藏，必填，必填提示，校验类型，辅助文字，合计到某字段，比例到某字段，

条件触发，显示值，隐藏值，查看时候隐藏，用户可添加多行，默认行数，最大行数，时间格式，选择时间范围，等等，具体查看源码。


编辑器资源文件位置：

编辑器目录：Scripts/Layui/formEditor

字典库选择，用户选择目录：Scripts/CustoMcontrol

全局辅助JS：Scripts/Admin/auxiliary.js

使用方法：

参数：elem：div控件，data：布局数据，type：2维护，1编辑，0查看，value：填写的数据，title：标题，taskformtable：模板数据，

callback：回调函数包括，save：保存(编辑模式下用的)，submit：提交(编辑模式下用的)，cancel：关闭，saveTemplate：保存模版，examineadopt：审核通过(查看模式下)，examinenoadopt审核不通过(查看模式下)

![输入图片说明](image.png)



如图：

![输入图片说明](image1.png)

![输入图片说明](image2.png)

![输入图片说明](image3.png)