Synap Editor version 2.3.0 in which excel import feature is added has been released. As well as importing, you may use the functions you have been using in Excel also in Synap Editor as they are.
You may edit images attached to the Editor by linking Toast UI Image-editor.
Import feature for Excel document has been added. When you import an Excel document, a window to select the import section will be displayed, as follows.
You may experience importing Excel documents at Open (Import) Document.
If you click Auto Select, all sections with data (range from the start of the data to the end of the data) will be loaded.
(Depending on the Excel document, the editing section may be extended to the maximum and an extremely large value may be set)
a warning message like the above will be displayed. When there are too many cells, editing the table can be difficult.
Feature to use excel functions in tables has been added. Excel function feature can be experienced at Automatic Formula Calculation page.
If you include formula-parser.min.js in the page as follows, the feature will be enabled.
<!-- formula-parser --> <script type="text/javascript" src="/resource/formula-parser.min.js"></script> |
Feature to designate number format for cells in the table has been added. [Experiencing]
You may enter and extract data by accessing DOM Element using DOM API.
document.getElementById('input').addEventListener('click', function () { var elInput = document.getElementsByClassName('setText'); var data = []; for (var i = 0; i < elInput.length; i++) { data.push({ selector: '#' + elInput[i].name, text: elInput[i].value }); } try { window.editor.setTextBySelectors(data); } catch (e) { console.error(e); } }); |
document.getElementById('output').addEventListener('click', function () { var elOutputs = document.getElementsByClassName('getText'); var selectors = []; var texts = []; for (var i = 0; i < elOutputs.length; i++) { selectors.push('#' + elOutputs[i].name); } texts = editor.getTextBySelectors(selectors); for (var i = 0; i < elOutputs.length; i++) { elOutputs[i].value = texts[i]; } }); |
If you find using the table editing handle provided by Synap Editor inconvenient, you may use more conventional table editing handle. If you are editing with an extremely large table, the conventional table editing handle may be more convenient.
/** * Determine whether the editor table handle is used. */ 'editor.table.handle': true |
editor.table.handle: true | editor.table.handle: false |
---|---|
We have improved UI to hide the upload panel when the upload API is not set.
"editor.upload.image.api": "/uploadImage" | "editor.upload.image.api": "" |
---|---|
The Editor was improved to show text color and text shading color of the caret position.
Properties to resize icons on the toolbar have been added.
(default) | |
---|---|
28 | |
40 |
before and after OpenDocument (Import) events have been added.
For more details, please refer to Events page.
Now you can write plugins in the Editor. For more details, please refer to Creating Custom Plugin page.
ToastUI Image Editor is provided as the plugin for editing photos and images.
For more detailed installation guide, please refer to Installation Manual.
Before Improvement | After Improvement |
---|---|