Skip to main content

Contextual editing

caution

Contextual Editing requires Preview Mode to be activated first. For instructions, see Preview mode.
The instructions have changed in the newer versions (v18.0.0+), make sure that you're using the latest implementation.

Activate front-end​

Next.js​

Contextual Editing is enabled in by default when using <UniformComposition /> to render your compositions.

If you're using enhancers, make sure you pass the enhancing function to the contextualEditingEnhancer prop.

Nuxt 3​

Contextual Editing is enabled in by default when using <UniformComposition /> to render your compositions. If you're using useUniformComposition, the enhancer will be automatically inherited by <UniformComposition />. Otheriwse, you'll need to pass it manually via the contextualEditingEnhancer prop.