Skip to content
On this page

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);