everright-formeditor-std

🦮 Powerful lowcode|vue form editor,generator,designer,builder library. It provides an easy way to create custom forms. The project is extensible, easy to use and configure, and provides many commonly used form components and functions(vue可视化低代码表单设计器、表单编辑

508 512

vue vue3 element-plus drag-and-drop form validator form-builder form-editor schema-form json-form wysiwyg-editor vant form-designer low-code no-code designer

Install
`npm install everright-formeditor-std`
Latest Version:	1.2.4 (Mar 26, 2024)
Vue:	3
License:	MIT
Last Updated:	Apr 22, 2024
Links:	GitHub · npm

Maintainer: vancynpm

Everright-formEditor

English | 简体中文

中文主页 | ENGLISH HOMEPAGE

Everright-formEditor是一个免费开源的javascript可视化低代码编辑器，通过gui的界面只需简单的操作即可创建出表单，拥有灵活的交互界面，pc端依赖element-plus，mobile依赖vant,内部有一套适配器，适配element和vant的组件

特点

1.支持中文和英文
2.多终端适配
3.丰富的字段和布局容器
4.灵活的交互方式
5.字段与布局分离
6.字段与布局不分离
7.编辑器、预览器和配置面板都可以单独使用
8.逻辑控制器(显隐、必填、只读)

文档

Examples

Editor layoutType1: 字段与布局不分离
Editor layoutType2: 字段与布局分离
Preview layoutType1: 字段与布局不分离
Preview layoutType2: 字段与布局分离
Config panel 用于展示和编辑表单字段的各种属性，包括基础信息、类型、布局等等

截图

yourDesign

逻辑控制器

Logical controlle

字段适配

Field	Pc	Mobile
Input	:white_check_mark:	:white_check_mark:
Email	:white_check_mark:	:white_check_mark:
ID	:white_check_mark:	:white_check_mark:
Cellphone	:white_check_mark:	:white_check_mark:
URL	:white_check_mark:	:white_check_mark:
Textarea	:white_check_mark:	:white_check_mark:
Number	:white_check_mark:	:white_check_mark:
Radio	:white_check_mark:	:white_check_mark:
Checkbox	:white_check_mark:	:white_check_mark:
Select	:white_check_mark:	:white_check_mark:
Time	:white_check_mark:	:white_check_mark:
Date	:white_check_mark:	:white_check_mark:
Rate	:white_check_mark:	:white_check_mark:
Switch	:white_check_mark:	:white_check_mark:
Slider	:white_check_mark:	:white_check_mark:
Html	:white_check_mark:	:white_check_mark:
Cascader	:white_check_mark:	:white_check_mark:
File	:white_check_mark:	:white_check_mark:
Signature	:white_check_mark:	:white_check_mark:
Region	:white_check_mark:	:white_check_mark:

容器适配

Field	Pc	Mobile
Grid	:white_check_mark:	:white_check_mark:
Table	:white_check_mark:	:x:
Tabs	:white_check_mark:	:white_check_mark:
Collapse	:white_check_mark:	:white_check_mark:
Divider	:white_check_mark:	:white_check_mark:
Subform	:white_check_mark:	:white_check_mark:

逻辑控制器操作符

Field	等于	不等于	包含	不包含	大于	大于等于	小于	小于等于	区间	等于其中之一	不等于其中之一	属于其中之一	不属于其中之一	为空	不为空
Input	:white_check_mark:	:white_check_mark:	:white_check_mark:	:white_check_mark:										:white_check_mark:	:white_check_mark:
Email	:white_check_mark:	:white_check_mark:	:white_check_mark:	:white_check_mark:										:white_check_mark:	:white_check_mark:
ID number	:white_check_mark:	:white_check_mark:	:white_check_mark:	:white_check_mark:										:white_check_mark:	:white_check_mark:
Cellphone	:white_check_mark:	:white_check_mark:	:white_check_mark:	:white_check_mark:										:white_check_mark:	:white_check_mark:
URL	:white_check_mark:	:white_check_mark:	:white_check_mark:	:white_check_mark:										:white_check_mark:	:white_check_mark:
Textarea	:white_check_mark:	:white_check_mark:	:white_check_mark:	:white_check_mark:										:white_check_mark:	:white_check_mark:
Number	:white_check_mark:	:white_check_mark:			:white_check_mark:	:white_check_mark:	:white_check_mark:	:white_check_mark:	:white_check_mark:					:white_check_mark:	:white_check_mark:
Radio	:white_check_mark:	:white_check_mark:	:white_check_mark:	:white_check_mark:										:white_check_mark:	:white_check_mark:
Checkbox	:white_check_mark:	:white_check_mark:	:white_check_mark:	:white_check_mark:										:white_check_mark:	:white_check_mark:
Select	:white_check_mark:	:white_check_mark:	:white_check_mark:	:white_check_mark:										:white_check_mark:	:white_check_mark:
Time	:white_check_mark:	:white_check_mark:			:white_check_mark:	:white_check_mark:	:white_check_mark:	:white_check_mark:	:white_check_mark:					:white_check_mark:	:white_check_mark:
Date (date)	:white_check_mark:	:white_check_mark:			:white_check_mark:	:white_check_mark:	:white_check_mark:	:white_check_mark:	:white_check_mark:					:white_check_mark:	:white_check_mark:
Date (datetime)	:white_check_mark:	:white_check_mark:			:white_check_mark:	:white_check_mark:	:white_check_mark:	:white_check_mark:	:white_check_mark:					:white_check_mark:	:white_check_mark:
Date (dates)	:white_check_mark:	:white_check_mark:	:white_check_mark:	:white_check_mark:										:white_check_mark:	:white_check_mark:
Date (daterange)	:white_check_mark:	:white_check_mark:												:white_check_mark:	:white_check_mark:
Rate	:white_check_mark:	:white_check_mark:			:white_check_mark:	:white_check_mark:	:white_check_mark:	:white_check_mark:	:white_check_mark:					:white_check_mark:	:white_check_mark:
Switch	:white_check_mark:	:white_check_mark:
Slider	:white_check_mark:	:white_check_mark:			:white_check_mark:	:white_check_mark:	:white_check_mark:	:white_check_mark:	:white_check_mark:
Html	:white_check_mark:	:white_check_mark:	:white_check_mark:	:white_check_mark:										:white_check_mark:	:white_check_mark:
Cascader	:white_check_mark:	:white_check_mark:												:white_check_mark:	:white_check_mark:
File														:white_check_mark:	:white_check_mark:
Signature														:white_check_mark:	:white_check_mark:
Region										:white_check_mark:	:white_check_mark:	:white_check_mark:	:white_check_mark:	:white_check_mark:	:white_check_mark:
Subform														:white_check_mark:	:white_check_mark:

Contributors

This repo exists thanks to all the people who contributed.

Powerful JavaScript IDE WebStorm from Jetbrains.

Related Packages

everright-formeditor

🦮 Powerful lowcode|vue form editor,generator,designer,builder library. It provi...

1,409 512

designer drag-and-drop element-plus everright form form-builder form-designer form-editor form-generator json-form +10

sn-form-make-vue3

🦮 Powerful lowcode|vue form editor,generator,designer,builder library. It provi...

1,005 512

designer drag-and-drop element-plus everright form form-builder form-designer form-editor form-generator json-form +10

form-create-designer

好用的Vue低代码可视化表单设计器，可以通过拖拽的方式快速创建表单，提高开发者对表...

30,327 2,372

element-plus form form-builder form-designer json-form vue components draggable dynamic-form form-create +1

form-tdesigner

好用的Vue低代码可视化表单设计器，可以通过拖拽的方式快速创建表单，提高开发者对表...

3,521 0

element-plus form form-builder form-designer json-form vue components draggable dynamic-form form-create +1

vue3-form-create-designer

form-create-designer动态表单组件vue3版本

656

element-plus form form-builder form-designer json-form dynamic-form element-ui form-create vue.js 动态表单 +1

Version History

Version	Released	Vue	License
1.2.4	Mar 26, 2024	^3.2.45	MIT
1.2.3	Mar 26, 2024	^3.2.45	MIT