Editor Mode

Inline mode

Edit content directly without a fixed toolbar. A context toolbar appears when text is selected.

mode: inline no chrome

Inline Editing Mode

The content looks like a static page, but you can click anywhere to start editing in place.

Select text to reveal a floating toolbar with frequently used commands like bold, italic, and link.

Ideal Use Cases

CMS / blog writing requiring a WYSIWYG environment
Real-time collaborative comments and notes
Pages that must look identical to the final output

                Configuration
                mode: inline
                
            
var config = Object.assign(synapEditorConfig, {
    'editor.license': synapEditorLicense,
    'editor.lang': 'en',
    'editor.type': 'inline'
});

// Create editor instance
var editor = new SynapEditor('synapEditor', config, initialHtml);