[javascript] MediumEditor에서 키보드 단축키 사용하기
MediumEditor는 사용자 친화적인 텍스트 편집기입니다. 그 중에서도 키보드 단축키를 사용하여 작업을 빠르고 효율적으로 수행할 수 있습니다. 이번 글에서는 MediumEditor에서 키보드 단축키를 사용하는 방법에 대해 알아보겠습니다.
키보드 단축키 목록
MediumEditor에서 사용할 수 있는 몇 가지 기본 키보드 단축키는 다음과 같습니다:
Ctrl + B: 선택한 텍스트를 굵게 만듭니다.Ctrl + I: 선택한 텍스트를 이탤릭체로 만듭니다.Ctrl + U: 선택한 텍스트에 밑줄을 긋습니다.Ctrl + K: 선택한 텍스트를 링크로 만듭니다.Ctrl + Z: 최근에 한 작업을 취소합니다.Ctrl + Y: 취소한 작업을 다시 실행합니다.
사용 방법
키보드 단축키를 사용하기 위해서는 MediumEditor의 keyboardCommands 플러그인을 활성화해야 합니다. 다음은 MediumEditor를 초기화하는 예시 코드입니다:
var editor = new MediumEditor('.editable', {
toolbar: {
buttons: ['bold', 'italic', 'underline', 'anchor'],
static: true,
sticky: true
},
keyboardCommands: {
commands: [
{
command: 'bold',
key: 'B',
meta: true,
shift: false,
alt: false
},
{
command: 'italic',
key: 'I',
meta: true,
shift: false,
alt: false
},
{
command: 'underline',
key: 'U',
meta: true,
shift: false,
alt: false
},
{
command: 'createLink',
key: 'K',
meta: true,
shift: false,
alt: false
},
{
command: 'undo',
key: 'Z',
meta: true,
shift: false,
alt: false
},
{
command: 'redo',
key: 'Y',
meta: true,
shift: false,
alt: false
}
]
}
});
위의 코드에서 keyboardCommands.commands 배열에 각 단축키에 대한 설정을 추가하면 됩니다. command는 키보드 단축키에 대응하는 MediumEditor 명령입니다. key는 키보드 단축키 자체를 나타내며, meta, shift, alt 키를 함께 사용하려면 true로 설정해야 합니다.
이제 MediumEditor를 사용할 때 설정한 단축키를 사용하여 텍스트 편집 작업을 손쉽게 수행할 수 있습니다.