콘텐츠 편집기 사용 안내

콘텐츠 편집기 소개

공공공유의 편집기는 글을 제목·문단·목록·표처럼 의미 있는 블록으로 저장합니다. 환경적 조건에 차이 없이 모두가 접근할 수 있도록 웹표준¹에 맞추어 콘텐츠를 배치합니다.

화면 구성

영역	위치	역할
툴바	본문 위	블록 종류, 서식, 표·이미지·링크 등 삽입
본문	가운데	글 내용 입력
사이드바	오른쪽 / 모바일은 하단	목차, 발행 설정, 대표 이미지, 첨부 이미지 등
본문 하단	본문 아래	새 블록 추가, 마크다운 미리보기

글 종류에 따라 사이드바 항목이 일부만 보이거나, 툴바·사이드바가 숨겨진 읽기 전용·인라인(프로필 등) 모드가 있습니다.

툴바

툴바는 왼쪽부터 블록 스타일과 삽입·서식 버튼으로 나뉩니다. 버튼에 마우스를 올리면 이름(툴팁)이 표시됩니다. 모바일에서는 툴바를 가로로 스크롤할 수 있습니다. 키보드로 이동할 때 F6으로 툴바에 포커스를 옮긴 뒤 방향키로 버튼을 고를 수 있습니다.

블록 스타일(드롭다운)

커서가 있는 문단·블록의 종류를 바꿉니다. 드롭다운을 열기 전에 본문에서 범위를 선택해 두면, 선택이 유지된 채로 스타일이 적용됩니다.

메뉴 이름	설명
문단	일반 본문
제목 1 ~ 제목 5	본문 안 소제목(저장 시 HTML `h2`~`h6`). 글 페이지 제목과 별개입니다.
기호 목록	글머리 기호 목록
번호 목록	번호 매기기 목록
체크 목록	체크박스가 있는 목록
인용	인용 블록
원문 고정 문단	줄바꿈·공백이 그대로 유지되는 고정폭 문단

제목 1은 본문 최상위 제목으로 취급됩니다. 마크다운에서 # 한 개만 쳐도 제목 1과 같은 수준(h2)으로 맞춰집니다.

삽입·구조(글쓰기 전용 툴바)

버튼	사용 방법
HTML 블록	관리·편집 권한이 있는 계정에만 표시됩니다. 빈 HTML 블록을 넣고, 코드 보기 / 미리보기로 HTML을 직접 편집합니다. 특별한 콘텐츠 발행이 필요 시 관리자에게 문의하세요.
표	클릭 후 그리드에서 행·열(최대 8×8)을 선택해 삽입합니다. 첫 행은 헤더로 들어갑니다. 셀 안에서 우클릭하면 행·열 추가·삭제, 병합·분할, 테이블 삭제 메뉴가 열립니다.
이미지	JPEG·PNG·GIF·WebP·AVIF를 선택합니다. 한 번에 최대 10장, 파일당 최대 20MB입니다.
줄내림	같은 문단 안에서만 줄을 바꿉니다. 문단과 줄바꿈(Enter / Shift+Enter)을 참고하세요. 모바일에서는 글의 끝에서 Enter 키를 누르면 문단으로 나뉘기에 줄내림할 때는 툴바에서 줄내림 버튼을 활용하세요.
구분선	가로 구분선을 삽입합니다.
각주	본문에 각주 번호를 넣고, 문서 맨 아래 각주 영역에 설명을 적습니다. 번호는 자동으로 맞춰집니다.
공백	세로 여백 블록을 넣습니다. 높이를 입력한 뒤 확인합니다.
링크	글자를 선택한 뒤 누르면 URL 입력 창이 열립니다. 선택 없이 누르면 URL 텍스트가 그대로 링크로 들어갑니다. 링크가 이미 있으면 한 번 더 누르면 링크 해제됩니다. `https://` 없이 주소만 넣어도 자동으로 보정됩니다.

문단과 줄바꿈(Enter / Shift+Enter)

키	동작	언제 쓰나요
Enter	새 문단을 만듭니다. 위·아래 문단 사이에 읽기 화면과 같은 단락 간격이 생깁니다.	생각을 나눌 때, 목록·제목·이미지 앞뒤로 내용을 구분할 때
Shift+Enter	같은 문단 안에서만 줄을 바꿉니다(줄내림). 문단 간격은 늘지 않습니다.	시·주소·짧은 여러 줄을 한 덩어리로 붙여 쓸 때, 표·인용 안에서 줄만 나눌 때

Enter를 연속으로 누르면 빈 문단이 여러 개 생겨 간격이 커 보일 수 있습니다. 한 문단 안에서만 줄을 나누려면 Shift+Enter를 사용하세요. 모바일에서는 줄내림 버튼을 활용하세요.

붙여 넣은 텍스트에 줄바꿈이 많으면, 필요한 곳만 Shift+Enter로 맞추거나 Enter로 문단을 나누어 정리하면 읽기 화면과 더 잘 맞습니다.

글자 서식

버튼	설명
굵게 · 기울임 · 밑줄 · 취소선	선택한 글자에 적용. 다시 누르면 해제.
인라인 코드	짧은 코드·명령어처럼 보이게 표시
하이라이트	형광펜 강조. 마크다운 미리보기에서는 `==강조==` 형태로 보입니다.
인용 출처	출처·근거 표시용 인라인 인용(cite). 블록 인용과는 다릅니다.

목록·정렬

버튼	설명
글머리 기호 목록 · 번호 매기기 목록 · 체크리스트	블록 스타일 드롭다운과 같은 기능을 적용합니다.
정렬	문단·블록의 왼쪽 / 가운데 / 오른쪽 / 양쪽 정렬, 들여쓰기 / 내어쓰기

기타

버튼	설명
디버그(트리 뷰)	개발·점검용. 편집기 내부 구조를 아래에 표시합니다. 일반 작성 시에는 쓰지 않아도 됩니다.

인라인 콘텐츠 편집기(프로필 소개 등)

프로필·짧은 소개 필드는 인라인 툴바를 씁니다. HTML 블록·디버그 버튼은 없고, 나머지(표·이미지·링크·각주·서식·목록·정렬)는 동일합니다. 사이드바에는 보통 목차만 있고, 발행·첨부 트레이는 없습니다.

본문에서 자주 쓰는 조작

멘션²

입력	동작
`@` + 이름	@회원이름을 선택하면 회원 멘션이 삽입되고, 읽을 때 프로필로 연결됩니다.
`@@` + 장소명	@@장소명을 선택하면 장소 멘션이 삽입되고, 지도·장소 화면으로 연결됩니다.

@회원이름 멘션을 본문, 댓글에서 작성 시 대상 회원에게 알림이 전송됩니다.

YouTube

본문에 YouTube 주소를 붙여 넣어 링크가 만들어지면, 자동으로 동영상 임베드 블록으로 바뀝니다.

마크다운³ 단축 입력

입력 중 아래 패턴이 자동으로 서식·블록으로 변환됩니다(일부는 툴바와 동일).

입력 예	결과
`# 제목`	제목 1 (`#` 하나는 본문 최상위 제목 규칙)
`## 제목` ~ `###### 제목`	제목 2 ~ 제목 5
`- 항목` 또는 `* 항목`	기호 목록
`1. 항목`	번호 목록
`> 인용`	인용 블록
`---` / `***` / `___`	구분선
`굵게`, `기울임`, `코드` 등	해당 인라인 서식
`\| 열1 \| 열2 \|` + 구분 행	표
`[^1]`	각주 참조
`![설명](주소)`	이미지(주소가 있을 때)

본문 이미지

툴바 이미지로 올리거나, 사이드바 첨부 이미지에서 썸네일을 눌러 이미지 삽입합니다.
이미지를 클릭하면 모서리 핸들로 크기 조절, 위쪽 작은 툴바로 왼쪽·가운데·오른쪽 정렬, 캡션 추가, 미디어 삭제를 할 수 있습니다.
캡션은 이미지 바로 아래에 붙는 별도 입력 영역입니다. 사이드바 편집 다이얼로그에서 캡션·순서를 한꺼번에 바꿀 수도 있습니다.

각주

툴바 각주 또는 [^숫자]로 본문에 표시를 넣습니다.
문서 맨 아래 각주 섹션에 해당 번호의 설명을 적습니다.
참조를 지우거나 순서가 바뀌면 번호가 다시 맞춰집니다.

본문 하단 버튼

버튼	설명
블록	맨 아래에 빈 문단을 추가하고 커서를 옮깁니다.
마크다운 아이콘	저장될 때 기준의 마크다운 문자열을 읽기 전용으로 봅니다. 다시 누르면 편집기 화면으로 돌아갑니다.

사이드바(오른쪽 기능 목록)

항목은 글 종류·권한에 따라 다릅니다. 제목 줄의 ▶ 를 누르면 접거나 펼칩니다.

대표 이미지

목록·카드에 쓰일 대표 이미지 1장입니다. 본문에 넣은 이미지와 별개입니다.

첨부 트레이와 별개로 대표 이미지에서만 관리되며 미리보기에서 변경·제거할 수 있습니다.

요약

본문 내용이 긴 경우 요약문을 추가할 수 있습니다. 요약문은 검색·목록에도 표시되므로 짧은 요약을 적습니다.

상태

글 발행 상태를 고릅니다.

상태	의미
임시	초안
잠금	회원들에게 노출되지 않고 관리자만 조회(관리·편집 권한이 있는 계정만 선택 가능)
비공개	권한 있는 사람만
예약	지정한 날짜·시간에 공개(아래 일시·상태 안에서 날짜 선택)
발행	공개된 글

잠금 상태인 글은 일반 작성자가 수정 및 삭제할 수 없습니다.

일시

발행 날짜와 시간을 정합니다. 달력에서 날짜를 고르고, 시간 필드로 시·분을 맞춥니다.

토론

댓글, 글타래 (토론)을 열기 / 닫기로 설정합니다.

첨부 이미지(하단 트레이)

글에 올라간 이미지 모음입니다. 글에 사용되지 않는 이미지도 첨부 이미지에 포함됩니다. 이미지 갤러리로 출력됩니다.

기능	사용 방법
썸네일 클릭	«이미지 삽입»으로 커서 위치에 본문 삽입
일괄 첨부	여러 장을 한 번에 업로드(최대 10장·장당 20MB)
편집	순서 변경, 이미지별 캡션 입력. 저장하면 서버·본문 캡션에 반영
×(삭제)	미디어 완전 삭제(복구 불가). 본문에 쓰인 이미지면 본문에서도 제거

각주

웹 표준(Web Standards)이란 웹상에서 정보를 공유할 때, 어떤 브라우저나 기기(컴퓨터, 스마트폰, 태블릿 등)를 사용하더라도 웹페이지가 동일하게 보이고 정상적으로 작동하도록 만들기 위해 정한 공식 표준화 규격을 말합니다. ↩
멘션(Mention)은 특정 사용자를 글에 남기거나 메시지를 전달할 때 쓰는 기능입니다. 게시글이나 댓글에 @홍길동이라고 멘션을 남기면, ‘홍길동’ 회원에게 “K님이 홍길동 회원님을 언급했습니다”라는 실시간 알림이 가거나 알림 창에 표시됩니다. 상대방이 내가 쓴 글을 놓치지 않고 바로 확인할 수 있도록 돕습니다. ↩
마크다운(MarkDown)이란 텍스트 기반의 마크업 언어로, 복잡한 태그나 마우스 조작 없이 단순한 문장 부호와 기호만을 이용해 웹 문서를 서식화(Formatting)할 수 있는 가벼운 마크업 표준입니다. 작성된 텍스트는 시스템 내부에서 깨끗한 HTML 코드로 자동 변환되어 시각적인 일관성을 유지해 줍니다. ↩