사용법
- 위쪽 편집 영역에서 시각적으로 내용을 작성하세요.
- 툴바 버튼으로 굵게·목록·링크 등 서식을 적용하세요.
- 아래 HTML 소스 영역에서 결과 코드를 확인·복사하세요.
🎯 이럴 때 씁니다
- 블로그·게시판 에디터에 붙여넣을 HTML 빠르게 작성
- 이메일 서명 HTML 만들기
- 간단한 웹페이지 조각 코드 작성
입력 · 출력 예시
입력
편집기에서 작성한 내용:
H2 제목 → Notice
본문 → Please read the terms carefully. ("terms"에 굵게 적용)
• 목록 → Free to use / No signup출력
<h2>Notice</h2> <p>Please read the <b>terms</b> carefully.</p> <ul><li>Free to use</li><li>No signup</li></ul>
시각적 편집기에서 제목·굵게·목록을 적용하면, 아래 HTML 소스 영역에 위와 같은 태그가 실시간으로 생성됩니다. 이 소스를 복사해 블로그나 게시판에 붙여넣을 수 있습니다.
자주 묻는 질문
- 소스 코드를 직접 수정할 수 있나요?
- 네. 아래 소스 영역을 수정한 뒤 '소스 → 편집기에 적용' 버튼을 누르면 시각적 편집기에 반영됩니다.
- 작성한 내용이 저장되나요?
- 저장되지 않습니다. 페이지를 새로고침하면 초기화되므로 결과를 복사해 별도로 보관하세요.
- 어떤 서식을 지원하나요?
- 굵게·기울임·밑줄, 제목(H1/H2), 목록, 링크 삽입, 서식 지우기, 실행취소/다시실행을 지원합니다.
다른 코딩 도구
📘
JSON 포맷터
JSON 정리·검증·압축
🗓️
타임스탬프 변환
유닉스 타임스탬프 ↔ 날짜 변환
🧩
JSON 인코딩·디코딩
텍스트 ↔ JSON 문자열 리터럴 변환
✨
JavaScript/CSS 포맷팅
JS·CSS 코드 들여쓰기 정리
✂️
JavaScript/CSS 압축(Minify)
주석·공백 제거로 용량 줄이기
🧽
HTML 코드 포맷팅
HTML 태그 구조 들여쓰기 정리
🧹
XML 포매팅
XML 태그 구조 들여쓰기 정리
🗃️
SQL 문 정렬
SQL 절 단위로 줄바꿈 정렬
🔣
HTML 엔티티 인코드·디코드
특수문자 ↔ HTML 엔티티 변환
📊
Excel → TABLE TAG 변환
엑셀 표를 HTML TABLE로 변환
⛓️
링크(href, src) 추출
HTML에서 href·src 링크 추출
🎨
컬러 피커
HEX·RGB·HSL 색상 코드 확인
🐘
PHP 구문 검사기
괄호·문자열 짝 검사(실용 검사기)
🗄️
MySQL 구문 검사기
괄호·따옴표 짝 검사(실용 검사기)
🔍
HTML5 검증기
태그 짝·중복id·alt누락 검사