editor

문서 › 저장과 출력

이전 버전

쓰는 동안 1분마다 버전을 남기고, 비교해서 되돌리기.

글을 쓰는 동안 내용이 바뀌면 일정 간격으로 이전 상태를 버전으로 남깁니다. revisions 버튼을 누르면 버전 목록과 지금 글과의 차이가 보이고, 고른 버전으로 되돌릴 수 있습니다. 실행 취소로는 너무 멀리 가야 할 때 씁니다.

직접 써 보기

이 데모의 코드

createEditor('#editor', {
  toolbar: 'heading | bold italic | bulletList | revisions',
  revisions: { key: 'docs-revisions-demo', interval: 5000 },
});

동작

  • interval(기본 1분)마다, 그리고 에디터에서 포커스가 빠질 때 내용이 바뀌었는지 봅니다. 바뀌었으면 바뀌기 전 상태를 하나 남깁니다.
  • 최근 max개(기본 20개)만 남기고 오래된 것부터 버립니다.
  • 목록에는 시간과 글자 수가 나옵니다. 하나를 고르면 그 버전 뒤로 지운 글은 줄을 긋고, 새로 쓴 글은 밑줄로 보여 줍니다(단어 단위).
  • 이 버전으로 되돌리기는 실행 취소할 수 있는 보통 변경입니다. 잘못 되돌렸으면 Ctrl+Z 로 돌아옵니다.

어디에 남나

옵션 없이 툴바에 revisions 만 넣으면 이번 화면에서만 기억합니다(새로 고침하면 사라집니다). revisions: true 또는 객체를 주면 localStorage 에 e82:rev: + key 로 저장해 다시 열어도 남습니다. key 를 주지 않으면 페이지 경로를 씁니다.

createEditor('#editor', {
  toolbar: 'board',              // board 와 full 프리셋은 ⋯ 메뉴에 들어 있습니다
  revisions: { key: 'post-' + postId, max: 30 },
});

툴바 항목 이름은 revisions 입니다. board(기본)와 full 프리셋의 ⋯ 더보기 메뉴에 있고, minimal·basic 에는 없습니다.

옵션

이름타입기본값설명
revisionstoolbar item-이전 버전 창을 여는 버튼
revisionsboolean | object이번 화면만true 또는 객체면 localStorage 에 저장
revisions.keystring페이지 경로저장 키 (e82:rev: 뒤에 붙음)
revisions.maxnumber20남길 버전 수
revisions.intervalnumber60000버전을 확인하는 간격(ms)