Working with JS frameworks
WARNING
Note, that the packages are currently in beta or even alfa stages. Thank you for helping us battle test the packages.
WARNING
Packages are currently only tested in Vite.
Supported frameworks and libraries
We provide integrations for React and Vue (2 & 3). Documentation can be found in the NPM readme of each integration. All the packages are TypeScript ready.
Custom integrations
You can also take advantage of our NPM package for Topol Plugin.
This package provides an easy way to install TopolPlugin when using NPM and is ready for JavaScript and TypeScript as well.
Clean up
DANGER
When using frameworks like Vue, React or Angular, every time when hiding the editor, you should use the TopolPlugin.destroy() function to clean all the editor listeners:
js
TopolPlugin.destroy();
Don't forget to load the editor after your the component is mounted.
When opening again, initialize the editor with.
js
TopolPlugin.init(TOPOL_OPTIONS);