Responsive Editing

Release 3.0.0 and above, Release 2.11.0 and above.

Sets whether images, videos, and tables can be made responsive. (default: false)

When set to true, the image, video, and table properties dialogs show a responsive option.

  • Tables keep their width in px and scroll horizontally on narrow screens.
  • Images and videos get the se-responsive class, and the CSS in editor.responsive.style limits them to max-width: 100%. Videos are also wrapped to keep a 16:9 ratio.
// synapeditor.config.js
{
  'editor.responsive.use': true
}

To insert new objects as responsive without opening the dialog, see Insert Drawing Objects in Responsive Form.