Velt Single Editor Mode Best Practices

Comprehensive implementation guide for Velt's Single Editor Mode in React and Next.js applications. Contains 14 rules across 7 categories, prioritized by impact to guide automated code generation and integration patterns.

When to Apply

Reference these guidelines when:

• Enabling Single Editor Mode to restrict editing to one user at a time
• Setting up VeltSingleEditorModePanel and default UI
• Calling setUserAsEditor() and handling error codes
• Subscribing to editor state via useUserEditorState or isUserEditor()
• Building custom access request UX (editor accept/reject, viewer request/cancel)
• Scoping Single Editor Mode to specific containers with singleEditorModeContainerIds()
• Controlling elements with data-velt-sync-access attributes
• Enabling auto-sync for text elements (input, textarea, contenteditable)
• Configuring editor access timeout and auto-transfer behavior
• Subscribing to SEM events (accessRequested, editorAssigned, etc.)
• Handling multi-tab editing scenarios with singleTabEditor and editCurrentTab()
• Configuring heartbeat and presence detection for editor tracking