Visual editing library to enable in-place editing of your website’s frontend from within the Visual Editor in Directus
npm install @directus/visual-editingThis library works together with a Directus instance to enable Visual Editing functionality from within the Visual
Editor module in Directus Studio.
Web developers must make use of this library to ensure communication between their website’s HTML elements and their
Directus instance. This is done through data attributes and helper functions built into the library and imported into
your website.
Documentation covering the setup and functionality for both the frontend library and the studio module can be found in
the Directus documentation.
A test website pre-configured to work with the Directus Visual Editor module is included in the library’s repository.
This can be used for example purposes and to make it easy to set up an environment for testing or contributing.
For detailed instructions on setting up the test environment see the
test website's readme.md.
This package is licensed under the MIT License. See the LICENSE file for more information.