MediumEditor는 사용자 친화적인 WYSIWYG(What You See Is What You Get) 텍스트 에디터입니다. 이 에디터를 사용할 때, 때로는 에디터를 초기화하거나 리셋해야 할 수 있습니다. 이 글에서는 MediumEditor에서 에디터를 초기화하고 리셋하는 방법에 대해 알아보겠습니다.

1. 에디터 초기화하기

MediumEditor를 사용하기 위해 우선 에디터를 초기화해야 합니다. 아래의 코드는 MediumEditor를 초기화하는 예시입니다.

var editor = new MediumEditor('.editable');

위의 코드에서 .editable 클래스를 가진 요소들은 MediumEditor에 의해 에디터로 변환됩니다. 여기서 .editable은 에디터로 사용될 요소의 선택자입니다. 다른 요소나 ID도 사용할 수 있습니다.

2. 에디터 리셋하기

에디터를 초기화한 후에, 때로는 에디터를 리셋해야 할 수 있습니다. 에디터를 리셋하면 모든 포맷팅과 텍스트가 제거되어 초기상태로 돌아갑니다.

아래의 코드는 MediumEditor에서 에디터를 리셋하는 예시입니다.

editor.resetContent();

위의 코드를 실행하면 에디터의 내용이 초기화되고, 기존의 텍스트와 포맷팅이 모두 제거됩니다.

3. 에디터 초기화 및 리셋하기

에디터를 초기화하고 리셋하기를 동시에 수행해야 할 경우, 다음과 같이 코드를 작성할 수 있습니다.

var editor = new MediumEditor('.editable');
editor.resetContent();

위의 코드를 실행하면 .editable 클래스를 가진 요소들이 에디터로 변환되고, 에디터의 내용이 초기화됩니다.

MediumEditor에서 에디터를 초기화하고 리셋하는 방법에 대해 알아보았습니다. 이러한 기능은 사용자의 텍스트 입력을 관리하거나, 에디터를 다시 사용하기 전에 초기화해야 할 때 유용합니다.