Fit Editor to Content Height

Release 2.16.2304 and above.

You can set the editor height to automatically fit the height of its content.

Set editor.size.height.fit to true to make the editor height adjust to its content height. (default: false)

Use editor.size.height.fit.min to set the editor's minimum height. (default: null)

// synapeditor.config.js
{
  'editor.size.height.fit': false,
  'editor.size.height.fit.min': null // 2.17.2307 and above
}

<table> <thead> <tr><th><code>editor.size.height.fit: true</code></th></tr> </thead> <tbody> <tr> <td>

editor.size.height.fit.min: null

fit.min null

Release 2.17.2307 and above.

editor.size.height.fit.min: 300

fit.min 300

</td> </tr> </tbody> </table>

When the content height setting ('editor.size.height.fit': true) is used, the editor height setting ('editor.size.height': '600px') is ignored.

In Iframe mode, the content height setting ('editor.size.height.fit': true) is not available.

Once the editor height has been set using the resize handle ('editor.resizable': true), the height no longer adjusts to fit the content.

Resize handle behavior

Related Information