Feature

Source View

View and edit the editor content directly as HTML source code.

toolbar: source

Source View Mode

Click the source view button in the toolbar to edit HTML source code directly.

Enter or modify HTML tags in source view mode, then switch back to edit mode to see the changes applied.

                Configuration
                mode: classic · 1 button
                
            
var config = Object.assign(synapEditorConfig, {
    'editor.license': synapEditorLicense,
    'editor.lang': 'en',
    'editor.toolbar': [
        'new', '|',
        'source'
    ],
    'editor.menu.show': false
});

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