Feature

Ruler

Use the top ruler to precisely view and adjust indentation, tab positions, and margins.

toolbar: ruler · bulletList · numberedList · multiLevelList

Ruler ON

The units (cm) displayed on the top ruler match the actual print output positions.

This is an example paragraph with indentation. Drag the indent markers on the ruler to instantly adjust their position.

You can also add tab stops by clicking on the ruler.

                Configuration
                mode: classic · 4 buttons
                
            
var config = Object.assign(synapEditorConfig, {
    'editor.license': synapEditorLicense,
    'editor.lang': 'en',
    'editor.toolbar': [
        'new', '|',
        'ruler', '|', 'bulletList', 'numberedList', 'multiLevelList'
    ],
    'editor.menu.show': false
});

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