WYSIWYG 편집기 /with MINZKN

0 / 0
💾 마지막 작업 초안이 남아 있습니다 ().
P 0자

URL에서 페이지 불러오기

동일 도메인 또는 CORS가 허용된 URL만 불러올 수 있습니다.
로컬 서버에서 실행 중이라면 같은 서버의 페이지를 불러올 수 있습니다.

링크 삽입

표 삽입

페이지 메타데이터

다운로드 시 template.html 골격에 자동 주입됩니다. h1과 page-description은 본문이 비어 있으면 이 값으로 생성됩니다.

소문자/숫자/하이픈만. .html 제외
NAV_STRUCTURE 추가 스니펫 생성용

사이트 컨벤션 검증

scripts/terminology.json 기준 첫 등장 용어의 영문 병기 누락 검출.

본문에 한자 / 히라가나 / 카타카나가 있는지 확인 (코드 블록·SVG 제외).

본문의 같은 페이지 앵커(#id) 링크가 실제 존재하는 ID 와 매칭되는지 검사.

다운로드 / 사이트 등록 스니펫

page.html 가 다운로드되었습니다. 아래 스니펫을 js/main.js에 추가하세요.

SVG 다이어그램 편집

x

속성

요소를 선택하면 속성을 편집할 수 있습니다.


색상 변수

--diagram-text 텍스트
--diagram-accent 강조
--diagram-arrow 화살표
--diagram-success 성공(초록)
--diagram-error 오류(빨강)
--diagram-warning 경고(노랑)
--diagram-phase 단계(주황)
--diagram-special 특별(보라)
--diagram-target 대상(하늘)
--diagram-highlight 강조 배경
--diagram-fill 채우기
--diagram-stroke 선
--diagram-node 노드
--diagram-border 테두리
--border-color 범용 테두리
--bg-secondary 배경