문서 › 입력 도우미
자동 바꾸기·자동 링크
(c) → ©, -> → → 같은 자동 바꾸기와 주소를 치면 링크가 되는 기능.
치는 동안 (c) 는 ©, -> 는 → 로 바뀌고, 웹 주소나 이메일 주소는 스페이스나 Enter 를 치면 링크가 됩니다. 바뀐 직후 Ctrl+Z 를 누르면 친 그대로 돌아옵니다.
직접 써 보기
여기에 (c), (주), 1/2, -> 를 쳐 보세요. <- 는 이 데모에서 꺼 두었습니다.
주소도 쳐 보세요: www.82editor.com 다음에 스페이스
이 데모의 코드
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>옵션
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
autoReplace | boolean | Record<string, string> | true | 치는 동안 기호로 바꾸기. 객체는 규칙 추가, 빈 값은 그 규칙 끄기. |
autoLink | boolean | true | 친 웹·이메일 주소를 스페이스나 Enter 뒤에 링크로 바꾸기 |