layoutMode

the mode of displaying editor layout

string layoutMode;

Values

"classic" | "document"

Example

webix.ui({
    view: "editor",
    value: "<p>Hello World!</p>",
    layoutMode: "document",
    upload: "https://docs.webix.com/richtext-backend/images"
});

Default value:

"classic"

Details

The "classic" mode represents the edit area that fits the entire page.
The "document" mode represents real document sizes (the used sizes are: A4, A5, A6, A7 - depending on the available container width).

As layoutMode is a reactive property, you can also access and alter it via the widget state:

// switching to the "document" layout mode
$$("editor").getState().layoutMode = "document";