Synap Editor Documentation
Page tree

Versions Compared

Old Version 1

changes.mady.by.user Kwon JongPyo

Saved on

compared with

New Version Current

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안쪽까지 표현되고, 이동되도록 개선되었습니다.

...

Image Removed

...

Image Removed

  • 캐럿 이동 개선에 따라 글자 삭제 동작도 개선되었습니다.
    • Delete시 다음문단을 현재 문단으로 합칩니다.
    • Backspace시 현재문단을 이전 문단으로 합칩니다.

...

Image Removed

...

Image Removed

...

Image Removed

...

Image Removed

2. 문단정렬 개선

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

Image Removed

3. 가로줄, 인용문구 확장 플러그인

  • 다양한 스타일의 가로줄과 인용문구를 사용할 수 있는 확장 플러그인이 추가되었습니다.

...

Image Removed

...

Image Removed

4. 새로운 API

...

...

 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
  • 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

    중복 ID 알림을 설정하는 옵션이 추가되었습니다> View related content : Button Size Configuration


  • 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
},
    관련 내용 보기 : HTML 불러오기 설정

    > View related content :  Open HTML Configuration


7.

...

  • 커스텀 플러그인 작성시 버튼의 형태를 드롭다운으로 작성할 수 있는 옵션이 추가되었습니다.
  • 웹 접근성 검사 플러그인
    • 웹 접근성 검사를 수행해 결과를 반환해주는 API가 추가되었습니다. 
    • 비디오/프레임의 title 속성 검사가 추가되었습니다.
    • 관련 내용 보기: 웹 접근성 검사

...

 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) 기능이 드롭다운 형태에서 버튼 형태로 변경되었습니다.

    v2.6.0v2.7.0

    Image Removed

    Image Removed

    The quote feature has been changed from a drop-down form to a button form.