TinyMCE HTML 편집기용 플러그인 구성

  • 릴리스 버전: Yokohama
  • 업데이트 날짜 2025년 01월 30일
  • 읽기4분
  • TinyMCE HTML 편집기는 강력하고 유연하며 사용자 정의가 가능한 서식 있는 텍스트 편집기입니다. 플러그인을 사용하여 편집기를 구성하고 확장할 수 있습니다.

    표 1. TinyMCE HTML 편집기에서 지원되는 플러그인
    플러그인 이름 설명
    a11ychecker 편집기에서 다양한 WCAG 및 섹션 508 접근성 문제에 대해 HTML을 확인할 수 있습니다. 사용자가 식별 된 문제를 해결할 수있는 자동 복구 기능이 있습니다.
    아코디언 문서에 추가 컨텐츠를 표시하거나 숨기기 위해 확장하거나 축소할 수 있는 섹션을 작성할 수 있습니다.
    advlist 추가 CSS 목록 스타일 유형 스타일 번호 형식 및 글머리 기호 유형을 컨트롤에 추가하여 핵심 bullist 및 numlist 도구 모음 컨트롤을 확장합니다.
    align_listitems 글머리 기호 및 번호가 컨텐츠와 함께 정렬되는지 확인합니다.
    앵커 편집기의 커서 삽입 지점에 앵커를 삽입하는 도구 모음에 앵커/책갈피 단추를 추가합니다. 또한 삽입 메뉴 아래에 메뉴 항목 앵커를 추가합니다.
    자동 링크 온전한 유효한 URL을 입력하면 하이퍼링크가 자동으로 작성됩니다. 예를 들어 www.example.comhttp://www.example.com 로 변환됩니다.
    자동 크기 조정 편집기의 크기를 그 안에 있는 콘텐츠로 자동으로 조정합니다. 일반적으로 편집 가능한 영역에 텍스트를 입력할 때 편집기가 무한히 확장되는 것을 방지하는 데 사용됩니다.
    문자맵 키보드에서 직접 추가할 수 없는 특수 유니코드 문자 맵이 있는 대화 상자를 편집기에 추가합니다.
    코드미러 기본 텍스트 영역보다 고급 코드 편집기를 제공합니다.
    코드 샘플 구문 색상으로 강조 표시된 코드 스니펫을 편집 가능한 영역에 삽입하고 포함합니다. 또한 원시 코드 입력을 수락하는 대화 상자를 여는 버튼을 도구 모음에 추가합니다.
    방향을 도구 모음에 방향 컨트롤을 추가하여 TinyMCE가 오른쪽에서 왼쪽으로 작성된 언어를 더 잘 처리할 수 있도록 합니다. 또한 각 값에 대해 도구 모음 단추를 추가하고, 왼쪽에서 오른쪽 텍스트의 경우 ltr, 오른쪽에서 왼쪽 텍스트의 경우 rtl을 추가합니다.
    이모티콘 TinyMCE 편집 가능 영역에 이모티콘을 삽입할 수 있는 대화 상자를 편집기에 추가합니다.
    전체 화면 TinyMCE에 전체 화면 편집 기능을 추가합니다. 도구막대 버튼을 누르면 편집 가능한 영역이 검색기의 뷰포트를 채웁니다.
    이미지 TinyMCE 편집 가능 영역에 이미지를 삽입할 수 있습니다.
    날짜/시간 삽입 현재 날짜와 시간을 커서 삽입 지점의 편집 가능 영역에 삽입할 수 있는 도구 모음 컨트롤과 메뉴 항목을 제공합니다.
    링크 웹 사이트 URL과 같은 외부 리소스를 문서에서 선택한 텍스트에 연결할 수 있습니다.
    목록 TinyMCE에 번호가 매겨진 목록과 글머리 기호 목록을 추가할 수 있습니다. 알파 번호 목록 및 사각형 글머리 기호와 같은 고급 목록을 사용하려면 고급 목록(advlist) 플러그인도 활성화해야 합니다.
    미디어 편집 가능 영역에 HTML5 비디오 및 오디오 요소를 추가할 수 있습니다.
    줄 바꿈하지 않음 커서 삽입 지점과 같이 줄 바꿈하지 않는 공간 엔터티를 삽입하기 위한 버튼을 추가합니다. 또한 삽입 메뉴 드롭다운 목록 아래에 줄 바꿈하지 않는 공백 메뉴 항목과 도구 모음 단추를 추가합니다.
    페이지 나누기 페이지 나누기 지원을 추가하고 편집 가능한 영역에 페이지 나누기를 삽입할 수 있습니다. 이 기능은 CMS에서 특수 구분 기호를 사용하여 콘텐츠를 페이지로 나누는 경우에 유용합니다.
    미리 보기 현재 컨텐츠를 미리 보기 모드로 표시하는 대화 상자를 여는 미리 보기 단추를 도구 모음에 추가합니다.
    ReadOnlyNoBorder HTML 필드 유형에 대해 읽기 전용 모드를 활성화합니다.
    검색 바꾸기 TinyMCE에 검색 및 바꾸기 대화 상자를 추가합니다.
    테이블 대화 상자, 상황에 맞는 메뉴, 상황에 맞는 도구 모음, 메뉴 항목 및 도구 모음 버튼을 포함한 테이블 관리 기능을 TinyMCE에 추가합니다.
    목차 기본 목차(ToC)를 작성하고 편집기의 커서 삽입 지점에 삽입합니다. ToC 항목은 콘텐츠의 헤더 요소에서 생성됩니다.
    visualblocks 편집 가능한 영역에서 블록 수준 요소를 볼 수 있습니다.
    visualchars 편집 가능한 영역에서와 같이 보이지 않는 문자를 볼 수 있는 기능을 추가합니다.
    단어 수

    TinyMCE 편집기에 단어 수를 계산하는 기능을 추가합니다.

    주:
    이 플러그인은 작업 공간에서 더 이상 지원되지 않습니다.
    파워페이스트 , Microsoft ExcelGoogle , Docs 및 HTML 소스의 Microsoft Word컨텐츠를 자동으로 정리하여 사이트의 모양과 느낌과 일치하는 깔끔한 컨텐츠를 만듭니다.
    주:
    유효한 플러그인에 사용자 지정 플러그인을 추가하면 예기치 않은 결과가 발생할 수 있습니다.

    TinyMCE HTML 편집기 플러그인 변경

    작업 공간에서 TinyMCE 플러그인을 구성합니다.

    시작하기 전에

    필요한 역할: 관리자

    프로시저

    1. 다음으로 이동 모두 > 시스템 속성 > UI 속성.
    2. HTML 필드(TinyMCE v6.8.3)(glide.ui.html.editor.enabled_plugins) 속성에 대한 플러그인 구성을 업데이트하여 플러그인을 구성합니다.

      세로 막대("|")를 사용하여 섹션 구분 기호를 추가합니다.

      표 2. TinyMCE HTML 편집기용 플러그인
      유형 플러그인
      기본 플러그인
      • 아코디언
      • advlist
      • align_listitems
      • 앵커
      • 자동 링크
      • 자동 크기 조정
      • 문자맵
      • 코드미러
      • 코드 샘플
      • 방향을
      • 이모티콘
      • 전체 화면
      • 이미지
      • 날짜/시간 삽입
      • 링크
      • 목록
      • 미디어
      • 줄 바꿈하지 않음
      • 페이지 나누기
      • 미리 보기
      • ReadOnlyNoBorder
      • 검색 바꾸기
      • 테이블
      • 목차
      • visualblocks
      • visualchars
      • 단어 수
      활성화된 플러그인
      • a11ychecker
      • 아코디언
      • advlist
      • align_listitems
      • 앵커
      • 자동 링크
      • 문자맵
      • 코드미러
      • 코드 샘플
      • 방향을
      • 이모티콘
      • 전체 화면
      • 이미지
      • 날짜/시간 삽입
      • 링크
      • 목록
      • 미디어
      • 줄 바꿈하지 않음
      • 페이지 나누기
      • 미리 보기
      • ReadOnlyNoBorder
      • 검색 바꾸기
      • 테이블
      • 목차
      • visualblocks
      • visualchars
      • 단어 수
    3. 활성화된 plugins 속성을 변경(추가/제거)합니다.
    4. 저장을 선택합니다.
      활성화된 플러그인에 사용자 지정 플러그인이 추가된 경우 중요하지 않은 한 권장되지 않습니다.