블록 옮기기

문단, 제목, 목록, 표, 사진 같은 블록 왼쪽에 마우스를 올리면 손잡이가 뜹니다. 끌어서 놓으면 블록이 그 자리로 옮겨집니다. 키보드로는 Alt+Shift+↑/↓ 입니다. 잘라내고 붙이는 것보다 빠르고 서식도 그대로입니다.

createEditor('#editor', {
  toolbar: 'heading | bold | bulletList | table',
  height: 320,
});

마우스로 끌기

• 옮기는 단위는 본문 맨 위 단계 블록입니다. 목록, 표, 인용, 강조 박스는 통째로 움직입니다.
• 끄는 동안 놓일 자리에 가로줄이 보입니다. 높이가 정해진 에디터에서는 위·아래 가장자리로 끌면 저절로 스크롤됩니다.
• 블록이 두 개 이상일 때만 손잡이가 뜹니다. 글자를 치기 시작하면 숨습니다.
• 터치 화면(휴대폰, 태블릿), 읽기 전용, HTML 소스 보기에서는 손잡이가 없습니다.

키보드로 옮기기

• Alt+Shift+↑ / ↓: 커서가 있는 블록을 위·아래 블록과 바꿉니다. 커서는 그 블록 안에 그대로 있습니다.
• 사진을 고른 상태에서는 사진이 든 블록이 움직입니다.
• 지도, 링크 카드, 첨부 파일, HTML 블록을 고르면 뜨는 바에 위로·아래로 단추가 있습니다. 터치 화면에서는 이 단추로 옮깁니다.
• 한 번 옮길 때마다 실행 취소 한 단계입니다.

코드로 옮기기

// 맨 위 단계 블록을 다른 블록 앞으로 (null 이면 맨 끝으로)
const blocks = editor.content.children;
editor.moveBlock(blocks[2], blocks[0]);
editor.moveBlock(blocks[0], null);

// 커서가 있는 블록을 한 칸 위·아래로
editor.exec('moveBlockUp');
editor.exec('moveBlockDown');

옵션