README.en.md

📖 Online English Document | 简体中文

What's LuBan-H5?

LuBan-H5 is a mobile page builder based on Vue.js, which is similar with Amolink eqx(it's a chinese website, you may need to translate the page). It also supports parsing PSD file to HMTL5 Page

Demo

Preview Website

Features

1. Editor

   • Reference Line/GuideLine
   • Adsorption Line
   • Change plugin shape by drag-and-drop
   • Edit Element (Canvas)
   • Copy Element (Canvas)
   • Delete Element (Canvas)
   • Edit Page
   • Copy Page
   • Delete Page
   • Quick Preview
   • Undo、Redo

2. Plugin System

   • Text
   • Normal Button
   • Form Button
   • Form Field
   • Picture
   • Background Image
   • Video (Iframe format)

3. enhanced function

   • parsing PSD file to HTML Page
   • Photo Gallery
   • Third Party uncopyrighted Image Search

4. back-end API

   • create work
   • save work
   • update work
   • Form Statistics
   • Online Preview
   • QR Code Preview

---

Installs

proj: project root path please refer to: Document/Quick Start

---

More Explanation

Front-End Component Explanation

1. lbp-: lu-ban-plugin-, means Luban H5 plugin, location: proj/front-end/h5/src/components/plugins

Build With (current)

1. Front end: Vue.js
2. Back End: Strapi
3. Storage: Sqlite

Read more here Online English Document