TinyMCE HTML 편집기에 대한 시스템 특성 구성

  • 릴리스 버전: Xanadu
  • 업데이트 날짜 2024년 08월 01일
  • 읽기6분

    • HTML 편집기 필드 유형의 동작을 구성하는 데 사용되는 여러 시스템 속성이 있습니다. TinyMCE 서식 있는 텍스트 편집기에서 사용할 수 있는 시스템 속성에 대해 알아봅니다.

    표 1. TinyMCE의 HTML 시스템 속성
    TinyMCE HTML 편집기의 시스템 속성 유형 설명
    glide.ui.html.editor.valid_plugins 문자열
    추가/또는 사용할 수 있는(공백으로 구분된) 클라이언트측 HTML 편집기 플러그인입니다.
    중요사항:
    플러그인을 제거하면 의도하지 않은 부작용이 발생할 수 있습니다.
    glide.ui.html.editor.enabled_plugins 문자열

    위젯에서 사용하도록 설정하려면 추가해야 하는(공백으로 구분된) 클라이언트측 HTML 편집기 플러그인입니다.

    glide.ui.html.editor.valid_plugins에 추가된 플러그인만 추가할 수 있습니다. 플러그인을 제거하면 의도하지 않은 부작용이 발생할 수 있습니다.
    glide.ui.html.editor.toolbar.valid_buttons 문자열

    html 필드에 유효한(지원되는) 단추 목록입니다. 이를 사용하여 도구 모음에 추가할 수 있는 버튼을 제한합니다.
    glide.ui.html.editor.toolbar 문자열

    HTML 필드에 편집 도구 모음을 구성합니다. 쉼표 없이 공백으로 구분된 목록입니다. glide.ui.html.editor.toolbar.valid_buttons에 추가된 유효한 버튼만 추가할 수 있습니다.
    glide.ui.html.editor.paste.html_import 선택 목록
    HTML에 대한 서식 붙여넣기 비헤이비어입니다. 이 설정은 HTML 편집기에 붙여넣을 때 Microsoft Word 이외의 소스의 콘텐츠를 필터링하는 방법을 제어합니다. 여기에는 TinyMCE 자체에서 복사한 콘텐츠가 포함됩니다. 지원되는 값은 다음과 같습니다.
    • 정리: 제목, 테이블 및 목록과 같은 콘텐츠의 구조를 유지하지만 인라인 스타일과 클래스를 제거합니다. 이렇게 하면 원본 문서의 의미 체계 구조를 유지하면서 사이트의 CSS 스타일시트를 사용하는 단순한 콘텐츠가 생성됩니다.
    • 병합: 원본 문서의 인라인 서식과 구조를 유지합니다. 유효하지 않거나 고유한 스타일, 태그 및 속성이 여전히 제거되므로 HTML이 유효하면서도 원본 문서 서식과 더 근접하게 일치합니다.
    • 프롬프트: HTML 컨텐츠를 붙여넣으려고 시도한 후 사용자에게 clean 옵션과 merge 옵션 중에서 선택하라는 메시지를 표시합니다.
    glide.ui.html.editor.paste.word_import 선택 목록
    단어의 서식 붙여넣기 동작입니다. 이 설정은 HTML 편집기에 붙여넣을 때 Microsoft Word의 콘텐츠를 필터링하는 방법을 제어합니다. 여기에는 TinyMCE 자체에서 복사한 콘텐츠가 포함됩니다. 지원되는 값은 다음과 같습니다.
    • 정리: 머리글, 테이블 및 목록과 같은 컨텐츠의 구조를 유지합니다. 인라인 스타일과 클래스를 제거합니다. 이렇게 하면 원본 문서의 의미 체계 구조를 유지하면서 사이트의 CSS 스타일시트를 사용하는 단순한 콘텐츠가 생성됩니다.
    • 병합: 원본 문서의 인라인 서식과 구조를 유지합니다. 유효하지 않거나 고유한 스타일, 태그 및 속성을 제거합니다. 이렇게 하면 HTML이 유효하면서도 원본 문서 서식과 더 가깝게 일치할 수 있습니다.
    • 프롬프트: HTML 컨텐츠를 붙여넣으려고 시도한 후 사용자에게 clean 옵션과 merge 옵션 중에서 선택하라는 메시지를 표시합니다.
    glide.ui.html.editor.font.collection 문자열

    사용자는 Tiny MCE HTML 편집기에 대해 다른 글꼴 컬렉션을 선택할 수 있습니다.

    하나의 글꼴이 있는 예:

    <pre>
Arial=arial,helvetica,sans-serif;
</pre>
    주:
    둘 이상의 글꼴 값은 공백이나 줄 바꿈 없이 세미콜론으로 구분해야 합니다.

    둘 이상의 글꼴이 있는 예:

    <pre>
Andale Mono=andale mono,times;
Arial=arial,helvetica,sans-serif;
Arial Black=arial black,avant garde;
Book Antiqua=book antiqua,palatino;
Comic Sans MS=comic sans ms,sans-serif;
Courier New=courier new,courier;
Georgia=georgia,palatino;Helvetica=helvetica;
Impact=impact,chicago;Symbol=symbol;
Tahoma=tahoma,arial,helvetica,sans-serif;
Terminal=terminal,monaco;
Times New Roman=times new roman,times;
Trebuchet MS=trebuchet ms,geneva;
Verdana=verdana,geneva;
Webdings=webdings;
Wingdings=wingdings,zapf dingbats;
</pre>
    glide.ui.html.editor.paste.filtered_inline_elements 문자열 이 설정을 사용하면 MS Word에서 TinyMCE V6 편집기로 붙여넣을 때 콘텐츠를 필터링할 수 있습니다. 이 속성은 프롬프트 붙여넣기 대화 상자에서 서식 제거 버튼을 선택하여 필터링할 인라인 요소의 쉼표로 구분된 문자열로 입력을 받습니다. 디폴트 값은 'strong, b'입니다.
    glide.ui.html.editor.convert_urls 참 | 거짓 이 시스템 속성은 TinyMCE의 convert_urls 구성을 설정하는 데 사용됩니다. 기본값: false.
    주:
    이것은 glide.ui.html.editor.relative_urls에 의해 설정되는 relative_urls의 값과 관련이 있습니다.
    glide.ui.html.editor.extended_valid_elements 문자열 이 시스템 속성은 TinyMCE의 extended_valid_elements 구성을 설정하는 데 사용됩니다. 기본값: <빈 문자열>.
    glide.ui.html.editor.relative_urls 참 | 거짓 glide.ui.html.editor.relative_urls는 TinyMCE의 relative_urls 구성을 설정하는 데 사용됩니다. 기본값: true.
    주:
    이는 구성할 ServiceNow 수 없는 document_base_url와 관련이 있으며 window.location.origin(인스턴스의 기본 URL)으로 설정됩니다.
    glide.ui.html.editor.contextmenu 문자열

    클라이언트 측 HTML 편집기에는 브라우저의 컨텍스트 메뉴를 재정의하는 자체 컨텍스트 메뉴가 있습니다. Ctrl 키를 누른 상태에서 마우스 오른쪽 버튼을 클릭하면 편집기의 컨텍스트 메뉴를 무시하고 네이티브 컨텍스트 메뉴를 표시합니다.

    이 속성은 사용할 수 있는 컨텍스트 메뉴 옵션을 지정합니다. 기본값은 "링크 이미지 테이블"(따옴표 제외)입니다. "false" 값(따옴표 제외)은 편집기의 상황에 맞는 메뉴를 비활성화합니다.
    glide.ui.html.editor.toolbar.on.focus 문자열

    True: 사용자가 포커스 외부로 이동하는 경우 도구 모음 숨기기 동작을 볼 수 있어야 합니다.

    False: 탭 포커스에 관계없이 사용자는 항상 도구 모음을 볼 수 있습니다.

    주:
    이 속성은 OOTB에 추가되지 않지만(바로 사용 가능) 관리자가 추가할 수 있습니다.
    glide.ui.html.editor.default_link_target 이 시스템 속성은 link_default_target 설정하는 데 사용됩니다.