Quill을 사용해서 텍스트 에디터 만들기:Module-History(#7-4)

onezerokang·2021년 8월 30일
0

Quill

목록 보기
9/12
post-thumbnail

History Module

History 모듈은 Quill에 대한 실행 취소(undo) 및 재실행 처리(redo)를 담당합니다. 다음 옵션으로 구성할 수 있습니다:

Configuration


delay

  • Default: 1000
    delay로 지정한 지연 시간(밀리초) 내에 발생한 사항은 단일 변경을 병합됩니다. 예를 들어, 예를 들어, 지연 시간을 0으로 설정하면 거의 모든 문자가 하나의 변경으로 기록되므로 실행 취소(undo)는 한 번에 하나의 문자를 실행 취소합니다. 지연이 1000으로 설정된 경우 실행 취소하면 최근 1000밀리초 내에 발생한 모든 변경 내용이 취소됩니다.

maxStack

  • Default:100
    History의 undo/redo 스택의 최대 크기입니다. delay option count와 병합된 변경 내용이 단일 변경 사항입니다.

userOnly

  • Default: false
    기본적으로 사용자 입력에서 시작하든 API를 통해 프로그래밍 방식으로 변경하든 상관없이 모든 변경 사항은 동일하게 처리되며 기록 모듈에서 변경 내용을 취소하거나 다시 실행합니다. 만약 userOnly를 true로 설정하면 사용자 변경만 undo되거나 redo 됩니다.

Example

var quill = new Quill('#editor', {
  modules: {
    history: {
      delay: 2000,
      maxStack: 500,
      userOnly: true
    }
  }
})

API


clear

history stack을 지웁니다.

Methods

clear()

Examples

quill.history.clear();

cutoff(테스트 중인 기능)

일반적으로 짧은 연속 변경(configured by delay)은 단일 변경으로 병합되므로 실행 취소를 트리거 하면 여러 변경 내용이 취소됩니다. cutoff()를 사용하면 cutoff() 전후의 변경 사항이 병합되지 않도록 병합 창이 재 설정됩니다.

Methods

cutoff()

Examples

quill.history.cutoff();

undo

마지막 변경 사항으로 되돌립니다.

Methods

undo()

Examples

quill.history.undo();

redo

마지막으로 변경한 내용이 실행 취소(undo)인 경우 이 실행 취소를 다시 실행합니다. 그렇지 않으면 아무 것도 동작하지 않습니다.

Methods

redo()

Examples

quill.history.redo();
profile
블로그 이전 했습니다: https://techpedia.tistory.com

0개의 댓글