3 Star 14 Fork 6

resonances / react-visual-editor

Create your Gitee Account
Explore and code with more than 6 million developers,Free private repositories !:)
Sign up
Clone or download
Cancel
Notice: Creating folder will generate an empty file .keep, because not support in Git
Loading...
README.md

React Visual Editor

基于Ant Design的表单可视化编辑器

开始设计

是什么

一款可视化编辑器,旨在为提升表单开发的效率

使用

1.安装

yarn add react-visual-editor

2.使用组件

import ReactVisualEditor from 'react-visual-editor'
import 'react-visual-editor/dist/index.css'

export default function Home() {
  return <ReactVisualEditor />
}

历史

  1. 对整体项目进行重构。 2021/3/11
  2. 去除拖拽和大小调整(仅表单模式,效率更高);增加“左移”、“右移”。 2021/4/4

Preview

alt 属性文本

alt 属性文本

alt 属性文本

alt 属性文本

TODO

  • 控件属性完善
  • 子组件生成
  • 表单分割区标题、表单列表输入支持
  • 页面生成独立预览链接(考虑使用服务端渲染)

关于

如何提升开发与设计表单类页面时的效率

awesome-lowcode

no code / low code / pro code

一切的改进都是源自于人类的缺陷

no code:自己编程给自己用,给用户的感觉是一个更强大的办公/实用软件。主要的手段是用图形化操作等方式降低学习曲线。no code 一定要面向非常固定的领域才能做到好用。

low code:编程给其他人用,为此创造了一个 citizen developer 的概念。主要的手段是平台预制好常见的需求,减少需要从头写的代码。low code 也要面向指定的领域才能让平台提前预测需求,但相比 no code 可以不把使用场景限定得那么死。

pro code:low code 的平台自己不会选择 low code 来创建这个平台本身,因为 low code 并没有降低从头构建一个系统的成本。但是 pro code 的平台自己会选择 pro code 来创建这个平台本身,比如 react 开发者会选择用 react 来创建自己的开发工具,因为 pro code 的工具和平台都是以从根本上降低从头构建一个系统的复杂度为目标的。

Comments ( 1 )

Sign in for post a comment

About

基于Antd的表单可视化编辑器 spread retract
Cancel

Releases

No release

react-visual-editor

Contributors

All

Activities

load more
can not load any more
TypeScript
1
https://git.oschina.net/resonances/react-visual-editor.git
git@git.oschina.net:resonances/react-visual-editor.git
resonances
react-visual-editor
react-visual-editor
master

Search