Synap Editor Documentation
Page tree

Versions Compared

Old Version 4

changes.mady.by.user Kwon JongPyo

Saved on

compared with

New Version 5

changes.mady.by.user 마케팅팀

Saved on

Key

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

 

DIV 셀렉션과 문단 정렬 개선과 가로줄, 인용문구 확장 플러그인이 추가된 사이냅에디터 The Synap Editor version 2.7.0 버전이 릴리즈 되었습니다.

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

...

with improved DIV selection and paragraph alignment and added horizontal lines and quote extension plugins has been released.

Please check the details below.

Major Improvements

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


...

1.

...

  • 캐럿과 셀렉션이 div안쪽까지 표현되고, 이동되도록 개선되었습니다.
  • 캐럿 이동 개선에 따라 글자 삭제 동작도 개선되었습니다.
    • Delete시 다음문단을 현재 문단으로 합칩니다.
    • Backspace시 현재문단을 이전 문단으로 합칩니다.

2. 문단정렬 개선

  • 문단정렬 편집시 표 또는 div에도 정렬이 적용되도록 개선되었습니다.

3. 가로줄 확장 플러그인

...

 DIV selection improvements

  • The caret and selection have been improved to be displayed and moved to the inside of the div.
  • With the improvement of caret movement, the character deletion behavior has also been improved.
    • When deleted, the next paragraph is merged into the current paragraph.
    • Backspace combines the current paragraph with the previous paragraph.

2. Paragraph alignment improvement

  • When editing paragraph alignment, the alignment is applied to the table or div.


3. Horizontal line extension plug-in

  • An extension plugin has been added that can use various styles of horizontal lines.

5.

...

Quote extension plug-in

  • An extension plugin has been added that allows you to use various styles of horizontal lines and quotes.

4.

...

New API

  • An API to get the message resource set in the editor has been added.
    > View related content: static: getMessages
  • 에디터에 메세지 리소스를 추가(변경)하는 API가 추가되었습니다.
    > 관련 내용 보기An API to add (change) message resources to the editor has been added.
    > View related content: static: addMessages


5.

...

 New setting

  • An option to set event attribute filtering of HTML tags has been added.

    Code Block
    languagejs
    editor.contentFilter.allowEventAttribute: false

    > 관련 내용 보기 > View related content : Content Filter

  • 임포트/업로드 요청시 헤더를 설정할 수 있는 옵션이 추가되었습니다An option has been added to set the header when requesting / uploading.

    Code Block
    languagejs
    editor.import.headers: {}
editor.upload.image.headers: {}
editor.upload.video.headers: {}
editor.upload.file.headers: {}
editor.template.headers: {}

    > 관련 내용 보기 View related content: Setting Import API and Upload API, Template

  • *, -, #, 1. 입력 후 Space 입력시 자동으로 리스트가 삽입되는 기능을 켜고 끌 수 있는 옵션이 추가되었습니다An option to turn on/off the function that automatically inserts a list when entering a space after inputting has been added.

    Code Block
    languagejs
    editor.autoList: true

    > 관련 내용 보기 > View related content : Automatic List Insertion

  • 버튼의 아이콘 크기를 설정할 수 있는 옵션이 추가되었습니다An option has been added to set the icon size of the button.

    Code Block
    languagejs
    editor.ui.button.icon.size: 16

    > 관련 내용 보기 > View related content : Button Size Configuration


  • 중복 ID 알림을 설정하는 옵션이 추가되었습니다An option has been added to set the duplicate ID notification.

    Code Block
    languagejs
    editor.buildOption.html: { 
    alertDuplicateId: true 
}

    > 관련 내용 보기 > View related content : Open HTML Configuration



6.

...

 Changed settings

  • The default value for the option to remove unnecessary DIVs has been changed from true to false.

    Code Block
    languagejs
    editor.buildOption.html: {
    peelOffDiv: false
},

    > 관련 내용 보기 > View related content :  Open HTML Configuration


7.

...

...

 Others

  • Plug-in related
    • When creating a custom plugin, an option to create a button shape as a dropdown has been added.
    • Web accessibility check plug-in
      • An API that performs web accessibility checks and returns results has been added.
      • Added inspection of the title property of video/frames.
      • View related content: Web Accessibility Check
  • 이벤트 관련Event related
    • API to set api, param, fileFieldName, header to beforeUploadImage, beforeUploadVideo, beforeUploadFile, beforeOpenDocument 이벤트에 api, param, fileFieldName, header 를 설정할 수 있는 API가 추가되었습니다and beforeOpenDocument events has been added.
      • setApi(api)
      • setFileFieldName(fileFieldName)
      • addHeader(key, value)
      • addParameter(key, value)

  • 인용문구(quote) 기능이 드롭다운 형태에서 버튼 형태로 변경되었습니다The quote feature has been changed from a drop-down form to a button form.