Visual Editor Test Page
Testing Directus Visual Editing
This is a test page for the Directus Visual Editor. Click on the editable elements when viewing this page in the Directus Visual Editor module.
Page Metadata
A comprehensive test of visual editing capabilities
Test Author
2025-07-03
Multi-Field Editing Example
Title: Visual Editor Test Page
Subtitle: Testing Directus Visual Editing
Author: Test Author
Click this section to edit multiple fields at once
Visual Editor Instructions
1. Configure the Visual Editor in your Directus instance (Settings → Visual Editor)
2. Add this page's URL to the Visual Editor settings
3. Navigate to the Visual Editor module in Directus
4. Hover over the highlighted elements to see edit options
5. Click the edit icons to modify content in place
Debug Information:
Directus URL: https://content.kpsahs.edu
Page URL: /visual-editor-test
Visual Editor Library: @directus/visual-editing v1.1.0