everright-formeditor

Everright-formEditor

简体中文 | English

中文主页 | ENGLISH HOMEPAGE

Everright-formEditor is a free and open source javascript visual low-code editor. It can create forms with simple operations through the GUI interface. It has a flexible interaction. The PC depends on element-plus while the mobile depends on vant. There is a set of adapters to convert parameters into ones that can be recognized by both element-plus and vant.

Features

• 1.Support Chinese and English
• 2.Support Pc and Mobile
• 3.Rich fields and layout containers
• 4.Flexible interaction
• 5.Fields and layout separated
• 6.Fields and layout not separated
• 7.The editor, previewer, and configuration panel can all be used separately
• 8.Logical controller (Visible, Required, Read only)

Docs

• Get Started
• Docs

Examples

• Editor layoutType1: Fields and layout not separated
• Editor layoutType2: Fields and layout separated
• Preview layoutType1: Fields and layout not separated
• Preview layoutType2: Fields and layout separated
• Config panel Various properties for displaying and editing form fields are provided, including basic information, types, layouts, and so on

Screenshot

Logical controller

Fields adaptation

Type	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:

Containers adaptation

Type	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:

Logical controller operator

Field	Equal	Not equal	Contains	Not contain	Greater than	Greater than or equal to	Less than	Less than or equal to	Between	Equal to one of	Not equal to one of	Belong to one of	Not belong to one of	Empty	Not empty
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.

Sponsor

Powerful JavaScript IDE WebStorm from Jetbrains.

Changelog

1.2.1 (2023-09-12)

Bug Fixes

• 1.Fix the getData method to verify the unique id (d6266d2)
• fix copywriting (f4d0ce8)
• fix demo bug (0f90b36)
• fixed html file size and uploaded image url (1869426)
• fixed some parameters and drag issues (e29489c)
• fixed the signature clearing icon (09721e2)
• i18n (4c9b54b)
• remove node and pnpm versions (b19ec44)
• subform: fixed some issues with logic and subform (e525d2b)
• when repairing the two tables below inline, the problem of selecting the parent in tr (27bd966), closes #12

Features

• 1.0.0 (64e34f3)
• add config mode (f9b2f3c)
• add delHandle (03120f2)
• add i18n (e00c1e8)
• add some parameters (a08e70c)
• add subform (76bd1d6)
• add toggle i18n (d6539ad)
• back-end service (99dc9ec)
• between (e7b6a56)
• checkFieldsForNewBadge (8a2962b)
• empty not_empty (eee3e2b)
• end of development (34650df)
• equal (9ac7698)
• field type date end (8a9f368)
• fixed vuedraggable module throwing issues and removed @vueuse/core (5b0e932)
• greater_than greater_than_equal (b235bc8)
• less_than less_than_equal (0fb6d43)
• logic end (0865926)
• migration git (36f0af0)
• not_contain (f961a08)
• operator equal not_equal contains check logic end (822f48b)
• region operator ends (1ccc9e1)
• show hidden, required, Read only (25f446d)
• some unit tests (322b7f2)
• subform: add check (49f706f)
• subform: delete the element below index 0 (77b14c3)
• subform: set default content and set value (bf26975)
• subform: structure (db8a4bb)
• subform: subform data in layoutType2 (7341a5c)
• subform: subform disabled true (d0ee76c)
• subform: subform required true, and all fields of the subform are required (bcbfeb8)
• subform: support logic control (2ea2a74)
• subform: ui (c1b340c)
• the logic dialog ui is complete (0b4dd45)
• time (e8fa16a)
• write README (ca08f97)
• 拖拽模式新增drag-mode参数，支持用户自定义 (c8188a5)

Performance Improvements

• save a temporary codd (1122124)
• save a temporary code (665e216)
• save a temporary code (ee24a8e)

Reverts

• formEditorConfig.vue (ae243d9)