jsPlumb Toolkit 是一個先進的、符合標準的、易於使用的JS庫,用於構建基於連接的應用程式,如流程圖、工藝流程圖、序列圖、組織圖等。可與Angular、React、Vue 2或Vanilla JS一起使用。
jsPlumb Toolkit 包含構建應用程式所需的一切:平移/縮放、小地圖微件、自動佈局、數據綁定等。使用 Angular、React 或 Vue 2/3 ? jsPlumb Toolkit已經為您準備好了。創建一個元件並將其映射到一個類型,Toolkit 將負責其餘的工作。利用 HTML5 和 CSS3。與行動裝置無縫整合。再也不用擔心觸控事件!
Data Model Centric
Enjoy a clear separation of concerns between your data model and your view layer. Define your node types, map them to a template, load some data and apply a layout.
Comprehensive Browser Support
The jsPlumb Toolkit supports all modern desktop browsers, including IE11, without the need for any polyfills. Have users on mobile devices? Not a problem. The jsPlumb Toolkit supports all modern mobile browsers, and handles touch events seamlessly.
- A powerful declarative mechanism for defining the appearance and behaviour of the various parts of your UI.
- Data binding via client side templates, supporting declarative configuration of connectivity.
- An underlying directed graph, allowing you to query the data in several ways.
- A pan/zoom widget with the ability to serialize its state (either manually or automatically) to local storage or cookies.
- A miniview widget to assist in the navigation of large datasets.
- Automatic layouts (Hierarchical, Spring, Circular, Balloon, Absolute), plus the ability to write your own.
- Data load/save Either automatically or on-demand.
- Angular integration All versions from 2 - 12 are supported.
- React integration Supporting React 17+.
- Vue 2 integration
- Vue 3 integration
Community Edition | Toolkit Edition | |
Programmatic API | V | V |
Drag and Drop | V | V |
Events | V | V |
Layouts | V | |
Angular 13/12/11/10/9/8/7/6/5/4/2 Integration | V | |
React Integration | V | |
Vue 2 Integration | V | |
Vue 3 Integration | V | |
Data Binding | V | |
Client Side Templates | V | |
Editable connector paths | V | |
Pan/Zoom | V | |
Load/Save Data | V | |
Graph Operations | V | |
Undo/redo | V | |
Dialogs | V | |
Full text search | V | |
Draggable Labels | V | |
Optional email support | V |
Toolkit Edition
The Toolkit Edition wraps the Community edition with a focus on the underlying data model, as well as several useful UI features such as layouts, and a widget that offers pan/zoom functionality. It provides a fast way of building applications with visual connectivity at their core.
Community Edition
This is the open source jsPlumb project hosted on GitHub that was created in late 2009. It is a view layer technology that provides you with an API to establish connectivity between DOM elements, both programmatically and via mouse/touch events.