Pager Editor

Pager is a visual designer for react project.

Mainly divided into three parts: Pager Editor, Pager Market, Pager Server. This is the Editor Part.

Technology stack is mainly React. Use backend api developed by Nestjs.

DemoPart2 DemoPart3

Features

• Editor Core
• Form Components
• Widget Material
• ViewPort
• Control Panel
• Undo and redo
• Base Widgets
• [] Advanced Widgets
• Widget Attribute Edit
• Widget State
• [] Widget Action
• Remote Widget
• Preview
• Page Management
• [] Application Management
• [] DataSource Management
• [] Source Code Download
• [] Custom script and styles
• Widget Market
• [] Script Market

Getting Started

Install dependencies,

$ yarn or npm i

Start the dev server,

$ npm start

Build app,

$ npm run build

Unavailable Module

some modules needed backend api support is unavailable, like:

• icon selector, background image selector, file selector
• code download
• widget market
• application management, page management

Partner Project

• react-grid-layout - a grid layout system for React
• ant-design - An enterprise-class UI design language and React UI library
• React-Draggable - A simple component for making elements draggable
• react-sortable-hoc - A set of higher-order components to turn any list into an animated, accessible and touch-friendly sortable list
• CodeMirror - CodeMirror is a versatile text editor implemented in JavaScript for the browser
• react-dnd - Drag and Drop for React
• React Color - color picker for React
• react-contexify - context menu for react app