TinyMCE 속성 사용자 지정

  • 릴리스 버전: Washingtondc
  • 업데이트 날짜 2024년 02월 01일
  • 읽기8분
  • TinyMCE 도구 모음과 HTML 필드의 기본 높이를 변경하여 저널 필드 환경을 사용자 지정합니다.

    기본 TinyMCE 도구 모음에서 TinyMCE 속성을 추가하거나 제거합니다. TinyMCE 속성은 플랫폼과 작업 공간의 TinyMCE 도구 모음에 적용되거나 기록의 특정 플러그인 이나 기록의 특정 테이블에 적용됩니다. 속성을 적용하여 HTML 필드의 높이를 늘려 에이전트가 작업하는 HTML 필드를 확대할 수도 있습니다.

    TinyMCE 기본 도구 모음 변경

    시스템 속성에서 도구 모음 항목을 활성화 작업 공간또는 비활성화하도록 설정합니다.

    시작하기 전에

    필요한 역할: admin

    프로시저

    1. 다음으로 이동 모두 > 시스템 속성 > UI 속성레이블이 표시됩니다.
    2. HTML 필드의 편집 도구 모음 구성(TinyMCE v5)(glide.ui.html.editor.v5.toolbar) 속성을 업데이트하여 도구 모음의 버튼을 추가하거나 제거합니다.
      주:
      세로 막대("|")를 사용하여 섹션 구분 기호를 추가합니다.
      유형 단추
      기본 버튼 bold italic underline undo redo | fontselect fontsizeselect table | forecolor backcolor link unlink | image media code | alignleft aligncenter alignright | bullist numlist fullscreen
      유효한 버튼 newdocument, bold, italic, underline, strikethrough, alignleft, aligncenter, alignright, alignjustify, formatselect, fontselect, fontsizeselect, table, cut, copy, paste, pastetext, searchreplace, bullist, numlist, outdent, indent, blockquote, undo, redo, link, unlink, code, forecolor, backcolor, removeformat, hr, visualblocks, subscript, superscript, charmap, image, media, fullscreen, anchor, toc, codesample, ltr, rtl, emoticons, insertdatetime, nonbreaking, pagebreak, print, visualblocks, visualchars, cut, copy
    3. 저장을 선택합니다.

    특정 테이블에 대한 TinyMCE 도구 모음 변경

    TinyMCE 사전의 속성을 설정하여 특정 테이블에 표시할 TinyMCE 속성을 결정합니다.

    시작하기 전에

    필요한 역할: admin

    프로시저

    1. 변경하려는 HTML 유형 필드가 있는 기록으로 이동합니다.
      예를 들어, 인시던트, 문제 또는 지식 기록을 선택합니다.
    2. 필드 레이블(예: 문서 본문)을 마우스 오른쪽 단추로 클릭하고 사전 구성을 선택합니다.
    3. Related Links(관련 링크) 섹션에서 Advanced View(고급 보기)를 선택합니다.
    4. 속성 필드에 editor.toolbar=를 입력한 다음 원하는 도구 모음 버튼을 입력합니다.
      예를 들어, editor.toolbar=formatselect|bold italic underline strikethrough blockquote subscript superscript removeformat| bullist numlist outdent indent|undo redo|table hr|link unlink|image media code|visualblocks preview fullscreen.
      주:
      • 추가할 도구 모음 항목뿐만 아니라 표시할 도구 모음 항목을 모두 포함합니다.
      • 연결된 딕셔너리 기록에 있는 필드의 속성 필드에 대한 구성은 시스템 속성 glide.ui.html.editor.v5.toolbar의 값을 재정의합니다.
      • 높이, 도구 모음 버튼, 도구 모음 플러그인과 같은 여러 속성을 속성 필드 내에서 결합할 수 있습니다. 예를 들어, editor.height=300,editor.plugins=table colorpicker textcolor link image media codemirror lists advlist fullscreen charmap directionality 이모티콘 hr insertdatetime 줄 바꿈하지 않는 페이지 나누기 print searchreplace wordcount anchor toc codesample visualblocks visualchars compat3x autolink align_listitems,editor.toolbar= fontselect fontsizeselect | bold italic underline strikethrough forecolor backcolor pastetext removeformat | formatselect searchreplace undo redo | bullist numlist 들여쓰기 들여쓰기 alignleft aligncenter alignright | 목차 테이블 링크 이미지 미디어 연결 해제 codesample | 코드 전체 화면.
    5. 업데이트를 선택합니다.

    특정 테이블에 대한 TinyMCE 플러그인 변경

    TinyMCE 사전의 속성을 설정하여 특정 HTML 필드에서 플러그인을 활성화하거나 비활성화합니다.

    시작하기 전에

    필요한 역할: admin

    프로시저

    1. 변경하려는 HTML 유형 필드가 있는 기록으로 이동합니다.
      예를 들어, 인시던트, 문제 또는 지식 기록을 선택합니다.
    2. 필드 레이블(예: 문서 본문)을 마우스 오른쪽 단추로 클릭하고 사전 구성을 선택합니다.
    3. Related Links(관련 링크) 섹션에서 Advanced View(고급 보기)를 선택합니다.
    4. 속성 필드에 editor.plugins=를 입력한 다음 원하는 플러그인을 공백으로 구분하여 입력합니다.

      예를 들어, editor.plugins=table colorpicker textcolor link image media codemirror lists advlist fullscreen charmap directionality emoticons hr insertdatetime nonbreaking pagebreak print searchreplace wordcount anchor toc codesample visualblocks visualchars compat3x autolink align_listitems.

      주:
      • 추가할 도구 모음 항목뿐만 아니라 표시할 도구 모음 항목을 모두 포함합니다.
      • 연결된 딕셔너리 기록에 있는 필드의 속성 필드에 대한 구성은 시스템 속성 glide.ui.html.editor.v5.toolbar의 값을 재정의합니다.
      • 허용되는 플러그인은 다음과 같습니다 : advlist align_listitems anchor autolink autoresize bbcode charmap codemirror codesample colorpicker directionality 이모티콘 전체 화면 hr 이미지 insertdatetime 링크 목록 미디어 줄 바꿈 페이지 나누기 미리보기 print readonlynoborder searchreplace table textcolor toc visualblocks visualchars wordcount
      • 높이, 도구 모음 버튼, 도구 모음 플러그인과 같은 여러 속성을 속성 필드 내에서 결합할 수 있습니다. 예를 들어, editor.height=300,editor.plugins=table colorpicker textcolor link image media codemirror lists advlist fullscreen charmap directionality 이모티콘 hr insertdatetime 줄 바꿈하지 않는 페이지 나누기 print searchreplace wordcount anchor toc codesample visualblocks visualchars compat3x autolink align_listitems,editor.toolbar= fontselect fontsizeselect | bold italic underline strikethrough forecolor backcolor pastetext removeformat | formatselect searchreplace undo redo | bullist numlist 들여쓰기 들여쓰기 alignleft aligncenter alignright | 목차 테이블 링크 이미지 미디어 연결 해제 codesample | 코드 전체 화면.
    5. 업데이트를 선택합니다.

    HTML 필드의 기본 높이 변경

    특정 HTML 필드의 기본 높이를 변경하여 저널 필드의 크기를 확장합니다.

    시작하기 전에

    필요한 역할: admin

    이 태스크 정보

    HTML 필드 높이는 HTML 필드별로 구성됩니다.

    프로시저

    1. 변경하려는 HTML 유형 필드가 있는 기록으로 이동합니다.
      예를 들어, 인시던트, 문제 또는 지식 기록을 선택합니다.
    2. 필드 레이블(예: 문서 본문)을 마우스 오른쪽 단추로 클릭하고 사전 구성을 선택합니다.
    3. Related Links(관련 링크) 섹션에서 Advanced View(고급 보기)를 선택합니다.
    4. 속성 필드에 editor.height=X를 입력합니다. 여기서 X는 원하는 높이입니다.
      예: editor.height=250
      주:

      HTML 필드의 범위는 72에서 2000 사이입니다. HTML 필드의 기본값은 64입니다.

    5. 업데이트를 선택합니다.
    6. 특정 높이를 제공하는 대신 텍스트 라인이 증가함에 따라 양식 필드의 높이를 동적으로 구성하려면 다음 단계를 완료하십시오.
      1. 다음으로 이동 모두 > 시스템 속성 > 모든 속성
      2. 검색 창에 glide.ui.html.editor.v5.enabled_plugins 를 입력하고 속성을 선택합니다.
      3. 값 필드에 autoresize를 추가합니다.
      4. 업데이트를 선택합니다.
        자동 크기 조정 플러그인이 활성화되어 있습니다.

    HTML 필드의 기본 글꼴 크기 변경

    양식 전체에서 표준 글꼴 크기를 사용하도록 특정 HTML 필드의 기본 글꼴 크기를 변경합니다.

    시작하기 전에

    필요한 역할: admin

    이 태스크 정보

    HTML 글꼴 크기는 HTML 필드별로 구성됩니다.

    프로시저

    1. 변경하려는 HTML 유형 필드가 있는 기록으로 이동합니다.
      예를 들어, 인시던트, 문제 또는 지식 기록을 선택합니다.
    2. 필드 레이블(예: 문서 본문)을 마우스 오른쪽 단추로 클릭하고 사전 구성을 선택합니다.
    3. 기본값 탭을 선택합니다.
    4. 기본값 필드에 를 입력합니다<p style="font-size:X;"></p>. 여기서 X는 기본값입니다.
      예:
      • 글꼴을 large로 설정하려면 다음을 입력합니다. <p style="font-size:large;"></p>
      • 크기를 10으로 설정하려면 다음을 입력합니다. <p style="font-size:10pt;"></p>
    5. 업데이트를 선택합니다.