온라인 HTML 에디터
시각적으로 HTML을 작성, 편집
특징
보이는 그대로 편집하는 WYSIWYG
툴바 조작으로 장식하면 코드를 자동 생성
HTML 소스를 즉시 취득
편집 내용에 대응하는 정형된 HTML을 그 자리에서 표시
표·이미지·링크 지원
제목이나 색상 지정, 테이블 삽입 등 다양한 요소를 다룰 수 있음
이모지·특수문자도 삽입
기호나 통화, 화살표 등을 그리드에서 선택해 추가
사용 방법
비주얼 탭에서 편집
툴바로 문자를 장식하면서 본문을 입력
요소나 스타일 추가
제목이나 표, 이미지, 링크를 버튼에서 삽입해 체재를 조정
소스 탭으로 전환
생성된 HTML 코드를 표시해 완성 상태를 확인
다운로드로 저장
완성된 HTML을 한 파일로 내보내 저장
활용 사례
뉴스레터 본문 작성
발송용 HTML 메일을 장식과 함께 신속하게 작성
블로그 글의 초안
제목이나 글머리 기호를 정돈한 글 HTML을 준비
HTML 학습·연습
편집과 소스를 비교해 태그 구조를 이해
메일 서명의 HTML화
로고나 링크가 들어간 서명을 HTML로 내보내기
기초 지식
WYSIWYG란
WYSIWYG(위지윅)는 "보는 그대로 얻어진다"는 의미의 두문자어로, 문서 소프트웨어처럼 화면상의 모양을 편집하면 대응하는 HTML 코드가 자동으로 만들어지는 편집 방식입니다. 태그를 몰라도 HTML 문서를 만들 수 있다는 것이 장점입니다.
HTML 태그란
HTML 태그는 문장의 구조와 의미를 "<p>〜</p>"와 같은 기호로 둘러싸서 나타내는 메커니즘으로, 제목·굵게·링크·표 같은 표현은 모두 태그의 조합으로 표현됩니다.
안전성과 개인정보 보호
브라우저 내 처리
입력 데이터는 사용 중인 브라우저 내에서만 처리되며 외부로 전송되지 않습니다.
브라우저 내에서만 처리
HTML의 작성·편집는 모두 사용 중인 브라우저 내에서 처리되며, 입력 데이터는 서버로 전송되지 않습니다.
통신은 HTTPS로 암호화
페이지 로드도 TLS로 암호화되어 제3자가 내용을 읽을 수 없습니다.
제3자로의 전송 없음
광고 네트워크나 트래커 등 외부 서비스로 입력 내용을 전송하지 않습니다.
결과 자동 저장 없음
작성한 HTML나 입력 제안을 서버에 저장하지 않습니다.
Google 검색에서 RAKKOTOOLS 팔로우하기
175개의 편리한 도구를 Google 검색·AI 검색에서 더 쉽게 찾을 수 있습니다!
- 검색에서 발견
- AI 검색에서도 표시
- 새 도구도 발견
업데이트 정보
- update #264
HTML 에디터의 소스에 붙인 본문 일부가 비주얼에도 반영됨
오래된 방식의 태그를 포함하는 경우 문자는 표시되지만, 색이나 중앙 정렬은 원래대로 재현되지 않습니다.
- update #229
HTML 편집기에서 탭 전환 시 굵게와 글자 색상 및 크기가 사라지는 문제 수정
- update #100
HTML 편집기의 전체 화면 표시를 페이지 상단의 버튼에서도 사용할 수 있도록
- update #95
HTML 에디터의 전체 화면 표시 중에 광고가 겹치는 문제 수정
- update #88
HTML 편집기에서 탭 전환 시 글자색, 배경색, 글자 크기가 사라지는 버그 수정