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