Arrow icon
See all demos

View/Edit Mode

Do you need to switch a diagram from read-only to fully editable mode, e.g. based on user permissions? Here is a demo of how to structure your application to make switching between view and edit mode easier.
Demo instructions
Switch the diagram from read-only to fully editable mode.
View/Edit Mode

See the Pen JointJS+: View/Edit Mode by JointJS (@jointjs) on CodePen.

Made with JointJS+

Only available with the JointJS+ commercial license in the apps/ directory of your package. Don't have a license yet? Start a trial and use the source code of all our demos for free, with no strings attached, for 30 days.

Made with JointJS

Available in the JointJS open-source library which helps developers create simple visual applications in less time.

Speed up your development with a powerful library

Leverage a time-tested JavaScript diagramming library using the best of HTML5 and SVG to accelerate your development.