Image AddedImage Added
사이냅 에디터에서 특수기호/이모지를 사용할 수 있도록 하는 플러그인입니다.
해당 플러그인을 사용하면 '글머리 기호' 입력 시 '더 보기'를 통해 다양한 글머리를 사용 할 수 있습니다.
Image Added
사용방법
플러그인 파일 불러오기
Code Block |
---|
|
<!-- SynapEditor 객체가 존재해야 적용할 수 있기 때문에 에디터 스크립트 파일 아래에 include 해야 합니다 -->
<script src="characterPicker.min.js의 url"></script>
<link rel="stylesheet" href="characterPicker.min.css의 url"> |
UI
특수기호는 'specialCharacter', 이모지는 'emoji'를 사용하여 툴바 영역, 메뉴 영역에 버튼을 추가할 수 있습니다.
툴바에 추가
Code Block |
---|
language | js |
---|
theme | Emacs |
---|
title | 에디터 설정 |
---|
|
//...
'editor.toolbar': [
//...,
'specialCharacter', 'emoji'
//...
],
// ... |
메뉴에 추가
Code Block |
---|
language | js |
---|
theme | Emacs |
---|
title | 에디터 설정 |
---|
|
//...
'editor.menu.definition': {
//...,
'insert': [
//...,
'specialCharacter', 'emoji',
//...
],
//...
},
//... |
단축키
windows | mac |
---|
Ctrl+F10 | Cmd+F10 |