tp-editor( 2D/3D)

A topology 2D/3Deditor with nodejs, express, socket.io es6, HT for Web and vite. It’s a powerful data visualization tool with low-code.

Features

  • Graphic drawing and editing by dar ang drop;
  • Displays, symbols and compoents creating and exporting;
  • 2D assets and 3D models importing;
  • SVG, CAD importing and Displays, symbols converting;
  • Obj, mtl, UVW 3D support;
  • Displays, symbols preview;
  • Attribute, styles, field dataBinding;
  • Themes, menus, tabs and functions custom configuration and definition;
  • I18n support;
  • Http(s) and websocket support;
  • Third party data visualization libs support (Echarts).

Snapshots

  • 2D Editor (default) 2D
  • 3D Editor 3D

Run

Develpment

  • Edit the configuration file

// server/config.ini
[Dev]
port = 4000
autoOpen = false
storagePrefix =
urlPrefix =
is3D = false
clientDir = ../client
customDir = ../instance/custom
storageDir = ../instance/storage
  • Run the client development

cd tp-editor\client
npm run dev
  • Run the server development with nodemon

cd tp-editor\server
npm run start

Production

  • Edit the configuration file

// server/config.ini
[Pro]
port = 5000
autoOpen = true
storagePrefix =
urlPrefix =
is3D = false
clientDir = public
customDir = ../instance/custom
storageDir = ../instance/storage
  • Build the client production

cd tp-editor\client
npm run build
  • Double click run.bat, enjoy~~

Support

GitHub

View Github