Page tree

Versions Compared


  • This line was added.
  • This line was removed.
  • Formatting was changed.

도형편집 기능이 추가된 사이냅에디터 Synap Editor version 2.8.0 버전이 릴리즈 되었습니다.

자세한 사항은 아래 내용을 확인하세요.


added has been released with figure editing functions.
Please check the details below.

Major Improvements

Table of Contents
exclude\d.\d.\d[(\d. )]*



사이냅에디터 Starting with Synap Editor version 2.8.0 릴리즈에서는 에디터 스크립트 파일을 경량화 하고자 임포트 기능과 도형 관련 기능을 외부 모듈로 분리하였습니다.

기존과 동일하게 임포트 기능과 도형 관련 기능을 사용하시려면 아래의 파일들을 추가로 include 하셔야 합니다.

문서 임포트 기능 사용 (SEDocModelParser)

xlsx, docx, hwp 등의 문서를 임포트 하는 기능을 사용하기 위해서는 에디터 패키지 externals 폴더 아래에 포함된 SEDocModelParser 모듈을 include  합니다, the import function and shape-related functions have been separated into external modules to lighten the editor script file.
To use the import function and shape-related functions as before, the following files should be additionally included.

Using the document import function (SEDocModelParser)

To use the function of importing documents such as xlsx, docx, hwp, etc., include the SEDocModelParser module included under the editor package externals folder.

Code Block
<script src="externals/SEDocModelParser/SEDocModelParser.min.js"></script>


Using shape-related functions (SEShapeManager)


To import documents containing shapes or use the functions of the shapeEditor plugin, include the SEShapeManager module included under the editor package externals folder.

Code Block
<script src="externals/SEShapeManager/SEShapeManager.min.js"></script>



MS 워드처럼 에디터에 도형을 삽입하고 편집 할 수 있는 기능이 추가되었습니다.


 Insertion and edition of shapes

The function to insert and edit shapes in the editor as in MS Word has been added.
You can edit documents by effectively editing various elements such as positioning and resizing, rotation, color, borders, etc. as well as by inserting various shapes.

>> Using Shape Editor

>> [체험하기]



  Import extension limit

The option to limit the extensions that can be imported has been added.

Code Block
'editor.import.extensions' : ['doc', 'docx', 'hwp', 'hml', 'htm', 'html', 'txt', 'xls', 'xlsx']



 Font size list settings

The option has been added so that the font size list displayed on the toolbar can be set in the config file.

Code Block
'editor.fontSize': [8, 9, 10, 11, 12, 14, 16, 18, 20, 24, 28, 32, 36, 40, 44, 48, 54, 60, 72, 80, 88, 96]



 Set whether to use the layer editing handle

The option to set whether to use the layer editing handle has been added. If the setting value is false, the layer editing handles do not appear.

Code Block
'editor.div.handle' : true



HWP, WORD 문서 임포트 결과를 모바일에서 조금 더 원할하게 보기 위해 아래와 같이 개선되었습니다.

미디어쿼리를 이용하면 모바일 화면에서 문서에 포함된 표, 이미지의 크기를 원하는 형태로 리사이즈 또는 스크롤 할 수 있습니다.


 Viewing import results on mobile

The following improvements have been made so that you can view the imported results of HWP and WORD documents more conveniently on mobile.
Media query allows you to resize the tables or images in the documents on the mobile screen to the desired shapes or scroll them.

  • Table: .se-scrollbox class가 추가되었습니다class is added.
  • 이미지 : 가로, 세로 비율이 동일한 경우 height 값을 제거되었습니다Image: If the aspect ratio is 1:1, the height value input dialog box does not appear.






1  Improved HTML import performance 

Large HTML file import performance has been improved.



서식지우기(Image Removed) 기능이 확장되어 텍스트런과 문단의 서식을 모두 제거할 수 있도록 개선되었습니다. 불필요한 줄간격, 여백 등 다양한 문단서식을 손쉽게 제거하고 편집 할 수 있습니다.

6.3 getPublishingHtml() 함수에서 beautify 옵션이 제거

getPublishingHtml() 함수 호출시 HTML tag를 보기좋게 표시(beautify)해서 반환하는 옵션이 제거되었습니다.

자세한 함수 사용법은 API 페이지를 참고하세요.

6.4 HTML 표준 글머리 사용 옵션 추가

사이냅에디터는 다양한 형태의 글머리 기호(커스텀 글머리, 다단계 글머리)를 지원하지 위해 기본 글머리 기호를 숨기고 커스텀한 형태의 글머리를 사용하고 있습니다.


2 Deletion of paragraph format

The Clear Format(Image Added) function has been expanded and improved so that you can remove both text runs and paragraph formatting.
You can easily remove or edit various paragraph formats such as unnecessary line spacings and margins, etc.

6.3 Removing the beautify option from getPublishingHtml() function

The option to beautify and return HTML tags when calling the getPublishingHtml() function has been removed.
For more details on how to use the functions, you can refer to the API page.

6.4 Adding ‘Use HTML standard bullet’ option

Synap Editor hides default bullets and adopts customized bullets to support various types of bullets (customized bullets, multilevel bullets).
A setting function has been added to enable HTML standard bullets, if necessary.

Code Block
'editor.useHTMLList': true

주의) 이 옵션을 사용하면 "커스텀 글머리", "다단계 글머리", "글머리번호 시작번호 지정" 기능을 사용할 수 없습니다Note: If you use this option, you cannot use the "Customized Bullets," "Multilevel Bullets" and "Specify the Starting Number of Bullets" functions.



5 Improved form element rendering 

Rendering for form elements has been improved. You can enter a value in the form element entered through the openHTML() function or Source Code View,
and the entered value can be saved through the getPublishingHtml() function.