Balloon Popup Settings

You can freely configure the buttons displayed in the balloon popup.

Use editor.balloon to configure the buttons needed for editing text, images, videos, layers, hyperlinks, and tables.

How to Use

// synapeditor.config.js (default)
{
  'editor.balloon': {
    'popupName1': ['buttonName1', 'buttonName2', '-', 'buttonName3', 'buttonName4'],
    'popupName2': ['buttonName5', 'buttonName6', '-', 'buttonName7', 'buttonName8']
  }
}

Available Popup Names

See Toolbar Settings for available button names.

Balloon Popup Configuration Example

Default

// synapeditor.config.js
{
  'editor.balloon': {
    'text': ['fontFamilyWithText', 'fontSizeWithText', '-', 'bold', 'italic', 'underline', 'strike', 'fontColor', 'fontBackgroundColor'],
    'image': ['objVertAlignBottom', 'link', 'unlink', 'openLink', 'alt', 'caption', '-', 'imageProperties', 'rotateDrawingObjectLeft', 'rotateDrawingObjectRight', 'imageOriginSize', 'tuiImageEditor', 'deleteImage'],
    'video': ['objVertAlignBottom', 'videoProperties', 'deleteVideo'],
    'div': ['drawingObjectBorderColor', 'drawingObjectLineThickness', 'drawingObjectLineStyle', '-', 'drawingObjectFill', 'divProperties', 'deleteDiv'],
    'hyperlink': ['link', 'unlink', 'openLink'],
    'tableCell': ['formulaInput', '-', 'fill', 'selectBorder', 'borderColor', 'lineThickness', 'lineStyle', 'cellSize', 'mergeCell', 'splitCell', 'fitTableWidth', '-', 'contentsAlign', 'verticalAlign', 'deleteRow', 'deleteCol', 'cellProperties', 'tableProperties', 'deleteTable']
  }
}

Table Edit Balloon Popup Example

// synapeditor.config.js
{
  'editor.balloon': {
    'tableCell': [
      'formulaInput', '-', 'fill', 'selectBorder', 'borderColor',
      'lineThickness', 'lineStyle', 'fitTableWidth', '-',
      'insertRowBefore', 'insertRowAfter', 'insertColBefore', 'insertColAfter',
      'deleteRow', 'deleteCol', 'deleteTable', '-',
      'contentsAlign', 'verticalAlign', 'cellSize', 'mergeCell', 'splitCell',
      'cellProperties', 'tableProperties'
    ]
  }
}

Table edit balloon popup result