SynapEditor version 2.11.0 has been released with advanced editing API and responsive view.
APIModel and editing API have been added to enable document editing using API.
For detailed description of APIModel, please refer to APIModel Help.
If id exists in the parameter, it is inserted into the specified id and offset.
|isDirty, clearDirty||isDirty() : Determines whether the content has been edited.|
clearDirty() : Clears the dirty flag. When the dirty flag is initialized, the isDirty() function determines that there is no edited content.
|getSelection||You can get the id and offset information of paragraphs, cells, and tables from selection.|
|updateModel, updateBodyModel||Apply the changed HTML DOM information to the editing model and re-render.|
|getAPIModels, getAPIModelById, getAPIModelsBySelector||Get the APIModel using the current selection, id and selector.|
|getContentsDocument||Returns the document object of the editor editing area.|
|getHTMLElement, getHTMLElements||Returns the HTML Element where the caret is positioned.|
|getTableCellHTMLElement||Returns the HTML Element of the cell (TD or TH) in the table where the caret is positioned.|
Added API for menu and toolbar toggle.
Show or hide the menu.
Shows or hides the toolbar by line.
If the index value is 0, the first toolbar line is shown or hidden.
Added Responsive View feature. You can change the editing mode to mobile phone or tablet.
You can set "Responsive" properties for table, image, and video by adding the options below to your config file.
/** * Whether to use responsive editing (default false) * If set to true, it is possible to check whether the image/video property is responsive or not. */ 'editor.responsive.use': true,
Tables, images, and videos with responsive properties set behave as follows.
>> Responsive View Demo
Added setting to insert table in fixed width (px). Add the 'editor.table.defaultWidthUnit.px' value to the configuration file as shown below.
/** * Set whether to insert a table with a fixed width. * If the value is true, the table is inserted with a fixed width (px). */ 'editor.table.defaultWidthUnit.px': true,
Added option to show table and cell balloon popup only when cell is selected. See below for single cell selection.
/** * Set whether to show table balloon popup only in case of table or cell selection. * If this value is false, the table balloon popup is shown even when the caret state is inside the table. */ 'editor.table.showBalloon.onlyTableCellSelection': true,
The UX has been improved so that you can select a single cell using the mouse.
When rotating the image, the position on the caption is automatically adjusted so that the rotated image does not cover the caption.