editor

문서 › 입력 도우미

자동 바꾸기·자동 링크

(c) → ©, -> → → 같은 자동 바꾸기와 주소를 치면 링크가 되는 기능.

치는 동안 (c) 는 ©, -> 는 → 로 바뀌고, 웹 주소나 이메일 주소는 스페이스나 Enter 를 치면 링크가 됩니다. 바뀐 직후 Ctrl+Z 를 누르면 친 그대로 돌아옵니다.

직접 써 보기

이 데모의 코드

createEditor('#editor', {
  toolbar: 'bold italic | link unlink',
  autoReplace: {
    '1/2': '½',
    '(사)': '㈳',
    '<-': '',
  },
});

기본 바꾸기 규칙

입력결과
(c) (C)©
(r) (R)®
(tm) (TM)™
(주)㈜
-> / <-→ / ←
=>⇒
<= / >= / !=≤ / ≥ / ≠
-- (앞뒤 공백) —
  • 코드 블록과 인라인 코드 안에서는 바꾸지 않습니다.
  • 주소나 이메일을 치는 중에는 바꾸지 않습니다(https://a.com/(c), a->b@x.com).
  • 바꾸기마다 실행 취소 한 단계라서 Ctrl+Z 로 친 글자를 되돌립니다.

규칙 더하기와 끄기

autoReplace 에 객체를 주면 기본 규칙에 더해집니다. 값을 빈 문자열로 주면 그 기본 규칙만 꺼집니다. 전부 끄려면 false 입니다.

createEditor('#editor', {
  autoReplace: {
    '(사)': '㈳',   // 새 규칙
    '<-': '',        // 기본 규칙 하나 끄기
  },
});

createEditor('#editor', { autoReplace: false }); // 모두 끄기

자동 링크

https://, http://, www. 로 시작하는 주소와 이메일 주소 뒤에서 스페이스나 Enter 를 치면 링크가 됩니다. www. 주소는 https:// 를 붙이고, 이메일은 mailto: 링크가 됩니다.

  • 주소 바로 뒤에 붙은 한글 조사는 링크에서 빠집니다. naver.com에서 는 naver.com 까지만 링크입니다.
  • 문장 끝 마침표, 쉼표, 닫는 괄호는 빠집니다. 주소 안에 여는 괄호가 있으면 닫는 괄호는 남깁니다(위키 주소).
  • 이미 링크 안이거나 코드 안이면 바꾸지 않습니다. 실행 취소 한 번이면 링크가 풀립니다.
  • 저장할 때 linkRel 옵션(예: 'nofollow ugc')이 이 링크에도 붙습니다. 링크를 보세요.
<p>자세한 내용은 <a href="https://www.82editor.com">www.82editor.com</a> 에서 보세요.</p>

옵션

이름타입기본값설명
autoReplaceboolean | Record<string, string>true치는 동안 기호로 바꾸기. 객체는 규칙 추가, 빈 값은 그 규칙 끄기.
autoLinkbooleantrue친 웹·이메일 주소를 스페이스나 Enter 뒤에 링크로 바꾸기