초기화

이 가이드는 페이지에 RichText를 추가하는 방법을 설명합니다. 다음 단계에 따라 사용 가능한 에디터를 설정하세요:

소스 파일 추가하기

프로젝트에 RichText JavaScript 및 CSS 파일을 추가합니다. 패키지를 다운로드하여 프로젝트 폴더에 압축을 풀어 주세요.

RichText를 생성하려면 페이지에 두 개의 소스 파일을 추가해야 합니다:

HTML에서 해당 파일을 참조합니다. 폴더 구조에 맞게 상대 경로를 조정하세요:

index.html
<script type="text/javascript" src="./codebase/richtext.js"></script>  
<link rel="stylesheet" href="./codebase/richtext.css">

*"root"*와 같은 ID를 가진 RichText용 컨테이너를 추가합니다:

index.html
<div id="root"></div>

richtext.Richtext 생성자를 사용하여 RichText를 초기화합니다. 생성자는 두 가지 매개변수를 받습니다:

아래 예제는 #root 컨테이너에서 RichText를 초기화합니다:

index.html
const editor = new richtext.Richtext("#root", {
    // 구성 속성
});

구성 객체의 키로 구성 옵션을 추가합니다.

참고

전체 구성 속성 목록은 속성 개요를 참조하세요.

destructor() 메서드를 호출하여 RichText HTML을 제거하고 관련 이벤트를 모두 해제합니다:

const editor = new richtext.Richtext("#root", {
    // 구성 속성
});

editor.destructor();

아래 예제는 메뉴바를 활성화한 상태로 RichText를 초기화합니다:

관련 샘플: RichText. 초기화