Document Mode
With Document mode, Synap Editor lets you author documents in an editing layout similar to Hangul Word Processor (HWP) or Microsoft Word. The default editing area size is based on A4 paper dimensions as used in MS Word (793 × 1122 px, including standard margins of 96 px on each side).
Configuration Keys
| Key | Type | Default | Description |
|---|---|---|---|
editor.type | string | 'classic' | Set to 'document' to enable document mode. Other values: 'classic', 'inline', 'preview'. |
editor.document.size.width | number | 793 | Width of the editing area in pixels. |
editor.document.size.height | number | 1122 | Default height of the editing area in pixels. |
editor.document.size.padding | object | { top: 96, right: 96, bottom: 96, left: 96 } | Document margins in pixels. |
Available since:
2.10.0,3.0.0
Setup Method
// synapeditor.config.js
'editor.type': 'document',
'editor.document.size': {
'width': 793,
'height': 1122,
'padding': { 'top': 96, 'right': 96, 'bottom': 96, 'left': 96 }
},
width: Width of the editing area in pixels (default:793).height: Default height of the editing area in pixels (default:1122).padding: Document margins in pixels (default:{ 'top': 96, 'right': 96, 'bottom': 96, 'left': 96 }).
If
editor.document.sizeis not specified, the editor falls back to the default A4-equivalent values shown above.
Why 793 × 1122?
The default dimensions (793 × 1122 px) match the pixel representation of an A4 page (210 × 297 mm at 96 DPI) as rendered by Microsoft Word. This ensures that content authored in document mode closely resembles a printed A4 page, making the editor suitable for document creation workflows that target print or export.
Page Settings from Imported Documents
When you import hwp, doc, or docx files, the page settings embedded in the source file — such as page width and margins — are automatically applied to the editing area, overriding the values configured in editor.document.size. This preserves the original layout as closely as possible and produces more accurate results when printing or exporting the edited document.
Note: Page breaks are not supported.
Behavior Notes
editor.size.height.fitis ignored in document mode. In other editor modes,editor.size.height.fitmakes the editor height expand to fit its content. In document mode this option has no effect; the editing area always renders with the fixed height defined byeditor.document.size.height(or the imported document's page height).