TinyMCE 5 HTML 편집기 업데이트

  • 릴리스 버전: Washingtondc
  • 업데이트 날짜 2024년 02월 01일
  • 읽기4분
  • TinyMCE 4에서 TinyMCE 5로 변경하면 TinyMCE HTML 편집기의 기능을 유지하기 위해 업데이트가 필요할 수 있습니다. 위젯 각도 제공자를 사용하여 이전 릴리스의 위젯에서 서비스 포털 편집기를 수정한 경우, 이러한 변경 사항을 검토하고 적용 가능한 업데이트를 적용하십시오.

    사용자 지정 TinyMCE 구현을 중단할 수 있는 변경 사항

    일부 변경으로 인해 의 사용자 지정 TinyMCE 구현이 서비스 포털중단될 수 있습니다.

    테마 및 스킨에 대한 다음과 같은 변경 사항을 확인합니다.

    • 최신 테마는 지원되지 않습니다. 대신 은색 테마를 사용합니다.
    • 밝은 회색 스킨은 지원되지 않습니다. 기본 스킨은 산화물입니다.

      sn-editor 테마 또는 sn-editor 스킨도 사용할 수 있습니다. sn-editor 테마 스킨은 NDS(Now Design System) 테마 변수를 사용하고 sn-editor는 하드 코딩된 값을 사용합니다.

      주:
      밝은 회색 스킨의 스타일을 유지하려면 스타일시트에서 다음 코드를 사용합니다.
      .tox .tox-toolbar-overlord {
            background-color: #f0f0f0 !important; 
         } 

    API 메서드 네임스페이스에 대한 다음 변경 사항을 참고하십시오 서비스 포털.

    San Diego Tokyo
    ed.addButton ed.ui.registry.addButton
    Onclick Onaction

    자세한 내용은 Tiny MCE5 설명서 Migrating from TinyMCE 4 to TinyMCE 5를 참조하십시오.

    추가 변경 사항

    다음 변경 사항은 에서 사용자 지정된 TinyMCE 구현에 영향을 줄 수 있습니다 서비스 포털.

    • 복사 및 붙여넣기와 같은 기능에 대한 브라우저 상황에 맞는 메뉴는 키보드에서 control + click (Windows) 또는 command + click (Mac)을 선택하여 사용할 수 있습니다. 마우스 오른쪽 버튼을 클릭하면 브라우저 컨텍스트 메뉴 대신 링크 옵션이 열립니다.
    • HTML 자리 표시자는 지원되지 않습니다. 문자열 기반 자리 표시자만 지원됩니다.
    • 사용자 지정 읽기 전용 플러그인은 기본적으로 사용할 수 없습니다. readonlynoborderglide.ui.html.editor.v5.enabled_plugins에 추가해야 합니다.
    • 새 시스템 속성 glide.ui.html.editor.default_link_target 을 사용하면 링크의 기본 대상 값을 설정할 수 있습니다. 문자열 값에는 '_blank', '', '_self''_top'가 포함됩니다. 기본 대상 값은 ''입니다.

    • resize 옵션은 편집기와 함께 도구 모음의 크기를 조정합니다. min_height 옵션을 추가하여 도구 모음에 크기 조정이 적용되지 않도록 합니다.
    • 모바일에서는 크기 조정 이 지원되지 않습니다.
    • toolbar_mode 옵션은 데스크톱의 경우 기본적으로 줄 바꿈이 아닌 부동으로 설정됩니다. TinyMCE 4의 기본 모양을 복원하려면 이 설정을 변경합니다.
    • toolbar_mode 옵션은 기본적으로 모바일의 경우 줄 바꿈이 아닌 스크롤로 설정됩니다. 모바일용 이 설정을 변경하여 TinyMCE 4의 모양을 유지합니다.
    • height 옵션은 편집기의 전체 높이를 차지하며 도구 모음에 39픽셀, 상태 표시줄에 18픽셀을 추가하도록 업데이트되었습니다.
      주:
      높이가 올바르게 설정되지 않은 경우 불필요한 스크롤 막대가 나타날 수 있습니다.
    • sn_mentions 플러그인은 sn-editor 스킨을 사용합니다. sn-editor 테마 스킨도 지원됩니다.
    • contextmenu 옵션에는 기본적으로 링크 옵션만 포함됩니다. contextmenu:false를 추가하여 TinyMCE 4의 모양을 유지합니다.
    • fontsize_formats 옵션의 값은 '7pt 7.5pt 8pt 10pt 12pt 14pt 18pt 24pt 36pt'fontsize_formats와 같이 공백으로 구분됩니다. 세로 막대(|)는 더 이상 필요하지 않습니다.
    • PowerPaste 플러그인은 외부 플러그인 옵션 목록이 아닌 플러그인 옵션 목록에 있습니다.
      San Diego Tokyo
      external_plugins: { 
             powerpaste: '/scripts/tinymce4_4_3/plugins/powerpaste/plugin.min.js?sysparm_substitute=false' 
         }, 
      plugins: "lists code link powerpaste"
    • 지원되는 추가 언어는 프랑스어(캐나다)(fq), 헝가리어(hu), 태국어(th) 및 터키어(번)입니다. 다음과 같이 언어 목록을 업데이트하여 다음 언어를 포함할 수 있습니다.
      var langs = 'cs,de,en,es,fi,fr,fq,he,hu,it,ja,ko,nl,pl,pt,ru,th,tr,zh,zt';
    • mce- 네임스페이스를 사용하여 적용된 CSS 스타일은 지원되지 않습니다. 대신 새 CSS 클래스를 사용합니다.
    • 번호 매기기 목록이나 글머리 기호 목록을 사용할 수 있도록 목록 플러그인을 플러그인 옵션 목록에 추가합니다.