SynapEditor version 2.11.0 has been released with advanced editing API and responsive view.
1. Advanced editing API
APIModel and editing API have been added to enable document editing using API.
For detailed description of APIModel, please refer to APIModel Help.
Other editing API and improvements
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.|
2. Menu and Toolbar Toggle API
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.
3. Responsive view
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.
Tables, images, and videos with responsive properties set behave as follows.
- Table : The width of the table is fixed in px and scrolls left/right on mobile.
- Image, Video : The max-width style is added to images and videos. The width of images and videos changes according to the width of the screen.
4. Insert table fixed width
Added setting to insert table in fixed width (px). Add the 'editor.table.defaultWidthUnit.px' value to the configuration file as shown below.
5. Table/cell balloon popup exposure option added
Added option to show table and cell balloon popup only when cell is selected. See below for single cell selection.
6. Added single cell selection
The UX has been improved so that you can select a single cell using the mouse.
7. Improved caption position when rotating image
When rotating the image, the position on the caption is automatically adjusted so that the rotated image does not cover the caption.