TinyMCE 5 HTML 편집기 업데이트
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 자리 표시자는 지원되지 않습니다. 문자열 기반 자리 표시자만 지원됩니다.
- 사용자 지정 읽기 전용 플러그인은 기본적으로 사용할 수 없습니다.
readonlynoborder를glide.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 클래스를 사용합니다.- 번호 매기기 목록이나 글머리 기호 목록을 사용할 수 있도록
목록 플러그인을 플러그인옵션 목록에 추가합니다.