문서 공방 · Wiki Document Studio

티스토리 · 블로그 붙여넣기용 (권장) 단독 HTML 파일

티스토리 글쓰기 화면 오른쪽 위 기본모드 → HTML 로 바꾼 뒤 붙여넣으세요. 모든 스타일이 style="" 로 들어가 있어 <style>·<script> 가 제거되는 편집기에서도 그대로 보이고, 접기는 <details> 라 자바스크립트 없이 동작합니다. 보정 스크립트는 각주 팝업을 번호 바로 아래에 놓기 위한 것으로, 없어도 팝업은 문단 가운데에 정상적으로 뜹니다.

기본

가운데 문서 영역을 직접 클릭해서 바로 입력합니다. 문법을 외울 필요가 없습니다.
글자를 선택한 뒤 위 도구모음을 누르면 굵게 · 색 · 크기 등이 적용됩니다. Ctrl+B / I / U 도 됩니다.
보이는 화면이 곧 내보내기 결과입니다.
좁은 화면에서는 상단 설정 버튼으로 구조 · 프로필 · 디자인 · 문서 설정을 열고 닫습니다. 도구모음은 옆으로 밀어 모든 기능을 볼 수 있습니다.

Dreamdock에 문서 저장하기

Dreamdock 저장 기능을 사용할 수 있으면 문서가 자동 저장됩니다. 상단의 저장 상태를 확인하고, 저장 버튼으로 직접 저장할 수도 있습니다.
Dreamdock 저장 기능을 사용할 수 없는 환경에서는 현재 실행 중인 앱의 메모리에만 보관합니다. 이때 앱을 닫거나 새로고침하기 전에 HTML 내보내기 → 편집 파일(.json)로 문서를 보관하세요.
편집 파일(.json)은 문서의 구조와 설정을 함께 보관합니다. 큰 문서나 저장 공간이 부족한 문서에도 사용할 수 있습니다.
불러오기에서 저장한 문서나 더미텍스트 예시를 열고, 편집 파일 불러오기로 JSON 문서를 다시 편집할 수 있습니다.

실행 취소와 글자 크기

실행 취소 버튼 또는 Ctrl+Z로 이전 변경으로 돌아갑니다.
다시 실행 버튼 또는 Ctrl+Shift+Z / Ctrl+Y로 취소한 변경을 되돌립니다. Mac에서는 Ctrl 대신 Command를 사용하세요.
글자를 선택한 뒤 도구모음의 px 입력칸에 글자 크기를 직접 입력합니다. 8~120px 범위에서 0.5px 단위로 조절할 수 있습니다.

표 편집과 셀 병합

본문의 표 안을 클릭하면 표 편집 도구모음이 나타납니다. 행·열 추가와 삭제, 제목 행 전환, 칸 배경색 변경을 사용할 수 있습니다.
첫 번째 셀을 클릭하고 Shift+클릭으로 마지막 셀을 선택한 뒤 셀 병합을 누릅니다. 선택한 사각형 영역의 행이나 열을 합칠 수 있습니다.
터치 화면에서는 셀 선택을 켜고 첫 번째 셀과 마지막 셀을 차례로 누릅니다. 영역이 표시되면 셀 병합을 누르세요. 다시 셀 선택을 누르면 일반 편집 모드로 돌아갑니다.
합친 셀을 클릭하고 병합 해제를 누르면 다시 나눌 수 있습니다.

앱 안 미리보기

위쪽 미리보기 버튼을 누르면 앱 안에서 편집 표시가 없는 실제 결과물을 확인합니다.
전체 화면 · 모바일 390px 버튼으로 표시 폭을 바꾸며 반응형 문서의 배치를 확인합니다.
각주 · 챕터 제목 · 접기 · 스포일러를 실제로 눌러 볼 수 있습니다. 각주를 눌러 하단으로 내려가도 편집 화면으로 빠져나가지 않습니다.
편집 내용을 바꾼 뒤에는 다시 불러오기를 누르세요.

챕터

왼쪽 구조 탭에서 챕터를 추가하고 순서를 바꿉니다.
＋ 는 그 챕터의 하위 챕터를 만듭니다. 하위의 하위도 단계 제한 없이 만들 수 있습니다.
⇥ 는 바로 위 챕터의 하위로 넣고, ⇤ 는 다시 한 단계 위로 꺼냅니다.
목차와 번호는 자동으로 만들어집니다. 챕터 제목을 누르면 하위 챕터까지 함께 접힙니다.

프로필 표

목차 옆 별도 구역에 놓이므로 표가 아무리 길어져도 본문을 밀지 않습니다.
왼쪽 프로필 탭에서 이미지 · 가로 폭 · 항목칸 폭 · 위치를 조절하고, 묶음과 항목을 추가합니다.
목차의 가로 폭은 디자인 탭에서 조절합니다. 기본값은 남는 공간을 모두 채우고, 폭을 줄이면 목차와 프로필 표가 양 끝으로 벌어집니다.
접히는 묶음은 편집 화면에서도 접힌 상태로 시작합니다. 눌러서 펼친 뒤 고치면 됩니다.
항목 이름과 내용은 표에서 직접 고칩니다. 색 · 링크 · 각주 · 스포일러 모두 사용할 수 있습니다.
묶음 종류를 접히는 묶음으로 바꾸면 표 안에서 접고 펼 수 있습니다.

넣을 수 있는 것

링크 — 어떤 주소든 넣을 수 있고, 나무위키 문서명만 적어 자동으로 주소를 만들 수도 있습니다.
사진 · 영상 · 표 · 인용구 · 경고문 · 각주 · 스포일러 · 구분선
이미 넣은 인용구 · 경고문 · 사진 · 영상 안에 커서를 두고 같은 버튼을 다시 누르면 수정됩니다.
각주는 번호를 클릭하면 내용을 고치거나 지울 수 있고, 번호는 항상 자동으로 다시 매겨집니다.
각주 내용에도 굵게 · 기울임 · 밑줄 · 취소선 · 색 · 링크 · 스포일러를 넣을 수 있습니다. 각주 창 위쪽의 작은 도구모음을 쓰세요.
문서 아래 각주 모음은 제목을 눌러 접고 펼칠 수 있습니다. 디자인 탭에서 처음부터 접힌 채로 시작하게 할 수도 있고, 접혀 있어도 각주 번호를 누르면 저절로 펼쳐집니다.
각주 번호에 마우스를 올리면 번호 바로 아래에 팝업이 뜹니다. 본문 폭을 넘칠 자리에서는 안쪽으로 살짝 밀려 잘리지 않습니다.
PC에서 번호를 누르면 하단 각주로 이동하고, 해당 각주가 잠시 강조됐다 사라집니다. 하단 각주의 번호를 누르면 본문 자리로 돌아옵니다.
휴대폰에서는 번호를 누르면 화면 아래에 팝업이 뜨고(바깥을 누르면 닫힘), 팝업 안의 하단 각주로 이동 버튼으로 내려갑니다.
사진은 왼쪽 · 가운데 · 오른쪽 정렬을 고르고, 사진마다 가로 크기를 따로 정할 수 있습니다(px 또는 %).
넣은 사진이나 영상을 누르면 크기 · 정렬 · 설명을 고치는 창이 바로 열립니다.
경고문 아이콘은 구글 머티리얼 아이콘 중에서 고르거나 이모지를 직접 넣을 수 있습니다.

색 바꾸기

왼쪽 디자인 탭에서 문서 강조색 하나만 바꿔도 제목 · 목차 · 프로필 표 · 인용구 색이 함께 맞춰집니다.
각 항목을 따로 지정할 수도 있고, 칸을 비우면 강조색 기준으로 되돌아갑니다.
개별 인용구 · 경고문은 그 블록에 커서를 두고 도구모음에서 색을 따로 줄 수 있습니다.

분류와 경고 문구

왼쪽 문서 탭에서 분류를 추가하면 문서 맨 위에 표시됩니다.
같은 탭에서 PC 열람 권장 · 스포일러 주의 · 트리거 워닝 문구를 문서 상단에 넣고 색을 바꿀 수 있습니다.