项目于2020.2.22开源，开源不易ふえき需要じゅよう你的支持しじ与あずか鼓こ励，如果有功ゆうこう能のう上じょう的てき想そう法ほう可か以提issue，我わが会かい关注并实现。

• 🔥任意にんい拖拽嵌套：通つう过组件けん预览面めん板いた拖拽组件，到いた设计面めん板いた实现任意にんい嵌はま套，设计面めん板ばん中ちゅう的てき组件也可随意ずいい拖拽嵌套
• 💻实时预览：设计面めん板ばん中ちゅう会かい实时展示てんじ组件的てき属性ぞくせい效果こうか和わ样式效果こうか，并且与あずか真ま实页面めん无异
• 🎄DomTree展示てんじ：页面组件dom树的展示てんじ并实现组件けんdom实时追つい踪
• 🎁可か视化属性ぞくせい配置はいち：结合React 特性とくせい和わJS语法定ほうてい制せい了りょう可か视化的てき组件属性ぞくせい配置はいち，实现复杂数すう据すえ结构的てき可か视化配置はいち
• 🎆可か视化样式配置はいち：通つう过样式しき配置はいち面めん板いた修おさむ改あらため样式，实时在ざい页面中ちゅう显示样式效果こうか
• 📹模も板ばん功こう能のう：可か以选中ちゅう局部きょくぶ或ある者もの整せい个页面めん做为可か复用的てき模も板ばん，提ひさげ高だか页面配置はいち效率こうりつ减少重じゅう复工作こうさく
• 🔒组件约束：根ね据すえ组件特性とくせい，可か以配置はいち组件的てき父ちち组件约束与あずか子こ组件约束，解かい决组件けん间的错误嵌套和报错
• 👓预览与代だい码生成せいせい：可か随ずい时预览页面めん的てき真ま实效果こうか，和かず页面的てきjsx代だい码与样式代だい码
• 🍀多た平台ひらだい支持しじ ：支持しじPC与あずか移うつり动端多た型かた号ごう设配切きり换展示てんじ
• 📀组件库替换：通つう过简单的配置はいち可か以对接せっ任にん何なんReact组件库

// 下しも载项目め单独运行
git clone https://github.com/anye931123/react-visual-editor.git
npm install 
npm run dev

// umi项目可か通どおり过添加てんかblock方式ほうしき添加てんか此项目め
umi block add https://github.com/anye931123/react-visual-editor

- src
  |- components
  |- configs   //全局ぜんきょく配置はいち信しん息いき
     |- componentConfgs  //组件配置はいち信しん息いき包括ほうかつreact和わhtml的てき组件信しん息いき
        |- Ant         //Antd组件配置はいち信しん息いき
        |- HTML        //html标签配置はいち信しん息いき
        |- index.ts           //所有しょゆう配置はいち信しん息いき汇总导出供きょうconfig使用しよう
     |- htmlCategory.ts   //html组件分ぶん类
     |- index.ts    // 配置はいち信しん息いき汇总
     |- reactCategory.ts   //react组件分ぶん类组件けん分ぶん类
  |- locales
  |- modules
  |- service
  |- types
  |- utils

• CategoryType 组件分ぶん类数据すえ结构定てい义 具体ぐたい信しん息いき已やめ在ざい代だい码中注ちゅう释
• ComponentConfigType 组件信しん息いき属性ぞくせい结构定てい义 具体ぐたい信しん息いき已やめ在ざい代だい码中注ちゅう释
• ConfigTypes 全局ぜんきょく配置はいち信しん息いき数すう据すえ结构定てい义 具体ぐたい信しん息いき已やめ在ざい代だい码中注ちゅう释
• ModelType model数すう据すえ结构定てい义

通つう过配置はいちconfig可か以实现拖拽组件けん库的替がえ换，更改こうかい为你需要じゅよう的てき组件库或者しゃ组件。具体ぐたい配置はいち如下

• OriginalComponents 所有しょゆう的てき需要じゅよう拖拽的てき原始げんし组件汇总
• AllComponentConfigs 所有しょゆう的てき组件配置はいち信しん息いき
• CONTAINER_CATEGORY 容器ようき组件分ぶん类
• NON_CONTAINER_CATEGORY 非ひ容器ようき组件分ぶん类

MIT