[javascript] MediumEditor에서 에디터 이벤트 트리거하기

MediumEditor에서 에디터 이벤트를 트리거하기 위해서는 trigger 메서드를 사용하면 됩니다. 이 메서드를 사용하면 원하는 이벤트를 호출할 수 있습니다. 예를 들어, 사용자가 텍스트를 입력했을 때 이벤트를 호출하는 방법을 살펴보겠습니다.

먼저, MediumEditor를 초기화하고 원하는 이벤트를 아래와 같이 정의합니다.

var editor = new MediumEditor('.editable', {
  // 에디터의 옵션들
});

// 사용자의 텍스트 입력 이벤트를 트리거하는 함수
function triggerTextChangeEvent() {
  var event = new Event('input'); // 'input' 이벤트를 생성합니다.
  editor.elements[0].dispatchEvent(event); // 생성한 이벤트를 디스패치하여 호출합니다.
}

위의 코드에서 triggerTextChangeEvent 함수는 ‘input’ 이벤트를 생성하고 호출합니다. 이 함수는 사용자의 텍스트 입력 이벤트를 트리거하는 역할을 합니다.

이제, 이 함수를 사용해 텍스트 입력 이벤트를 호출하는 방법을 알아보겠습니다. 아래는 이벤트를 호출할 버튼을 추가한 예제 코드입니다.

var button = document.getElementById('trigger-button');

button.addEventListener('click', function() {
  triggerTextChangeEvent(); // 버튼이 클릭되면 이벤트를 트리거합니다.
});

위의 코드에서 trigger-button ID를 가진 버튼이 클릭되면 triggerTextChangeEvent 함수를 호출하여 텍스트 입력 이벤트를 트리거합니다.

MediumEditor에서 다른 이벤트를 트리거하고 싶다면, 원하는 이벤트의 이름을 new Event로 생성하고, 해당 이벤트를 dispatchEvent로 호출하면 됩니다.

MediumEditor에 대한 자세한 내용은 공식 문서를 참조하시기 바랍니다.