ankieditor 소개

소개

ankieditor는 어떤 도구인가요

ankieditor는 안키(Anki)의 카드 서식을 코딩 없이 편집하는 무료 웹 도구입니다. Anki에서 복사한 서식(앞면/뒷면/스타일)을 붙여넣으면 실제 카드처럼 미리보기가 뜨고, 바꾸고 싶은 부분을 클릭해서 폰트·크기·색상을 고르면 수정된 코드가 만들어집니다. 그 코드를 복사해 Anki에 되붙이면 끝입니다. 설치도 회원가입도 필요 없습니다.

만든 이유

Anki는 훌륭한 암기 도구지만, 카드 모양을 바꾸려면 HTML과 CSS를 알아야 합니다. 글자 크기 하나 바꾸려고 검색하고, 어렵게 찾은 코드를 붙여넣었다가 서식이 깨지는 일이 저에게도 반복됐습니다. 그래서 카드에서 바꿀 부분을 클릭하고 고르기만 하면 되는 도구를 직접 만들었습니다.

이런 것을 할 수 있습니다

  • 폰트 종류·크기, 글자 색상, 배경 색상, 정렬, 줄간격을 클릭으로 변경
  • 구분선 추가와 폭·두께·색상 조절, 요소 이동·삭제, 요소 아래 공백 조절
  • 필드 추가와 필드 샘플 값으로 실제 카드에 가까운 미리보기
  • 카드 최대 폭 지정, 이름을 붙여 저장하는 내 서식 보관함
  • 기본 노트 유형 프리셋(Basic · Basic (type in the answer) · Cloze)과 빈칸·답 입력 카드의 충실한 미리보기
  • 야간 모드 미리보기와 야간 전용 색 지정 — Anki 야간 모드에서 보이는 모습을 확인하고, 야간에만 적용되는 글자·배경·구분선 색을 클릭으로 지정
  • {{필드}} 변수는 알약 모양으로 보호되어 편집 중 깨지지 않음

자세한 흐름은 사용법에, 서식을 다듬는 요령은 에 정리해 두었습니다.

데이터는 브라우저에만 저장됩니다

ankieditor는 서버 없이 브라우저 안에서만 동작합니다. 붙여넣은 서식과 저장한 내 서식은 사용 중인 브라우저(localStorage)에만 남고, 어디로도 전송되지 않습니다. 그래서 인터넷에 올리기 조심스러운 개인 학습 자료도 안심하고 붙여넣을 수 있습니다. 자세한 내용은 개인정보처리방침에 있습니다.

앞으로

직접 쓰면서 발견하는 불편과 사용자 문의를 반영해 기능을 다듬고, Anki 카드를 보기 좋게 만드는 팁 글을 계속 추가할 예정입니다.

문의

버그 제보, 기능 제안, 기타 문의는 gggg6699@gmail.com으로 보내주세요. (문의 페이지)