HTML WYSIWYG 편집기
작은 HTML 조각을 시각적으로 서식 지정하고 소스를 확인한 뒤 이 로컬 편집기에서 정리된 마크업을 복사하거나 다운로드하세요.
사용 방법
사용 방법
- 편집기에 내용을 입력하거나 붙여넣고 서식 도구 모음을 사용합니다.
- 시각 편집기와 HTML 소스 사이를 전환해 결과를 확인합니다.
- 프로젝트에 사용할 준비가 되면 정리된 HTML을 복사하거나 다운로드합니다.
작고 의미 있는 HTML 편집
제목, 단락, 굵게, 기울임, 밑줄, 링크, 글머리 및 번호 목록, 인용문, 인라인 코드를 지원합니다. head, 스크립트, 외부 리소스가 있는 전체 문서가 아니라 HTML 조각을 만듭니다.
로컬 정화 및 내보내기
편집, 정화, 미리보기, 복사, 다운로드는 브라우저에서 처리됩니다. 출력 마크업은 제한된 요소 및 속성 허용 목록으로 정화합니다. 스크립트, 이벤트 핸들러, 양식, 프레임, 스타일, 안전하지 않은 URL 스킴은 제거됩니다.
게시 전 검토
짧은 조각을 위한 전용 브라우저 편집기입니다. 브라우저 편집 명령과 붙여넣은 마크업은 엔진마다 다를 수 있으며 앱별 CMS 메타데이터, 주석, 사용자 지정 구성 요소는 보존하지 않습니다.
자주 묻는 질문
더 알아보기
내용이 업로드되나요?
아니요. 편집과 HTML 정리는 브라우저에서 로컬로 처리됩니다. Hello Keyboard Tools 서버로 아무것도 보내지 않습니다.
HTML을 직접 붙여넣을 수 있나요?
예. HTML 소스 보기에서 조각을 확인하거나 바꾼 뒤 시각 보기로 돌아오세요. 정화 과정에서 안전하지 않은 요소와 속성은 제거됩니다.
전체 HTML 페이지를 만드나요?
아니요. 기존 페이지나 편집기 안에서 쓸 수 있는 정리된 HTML 조각을 내보냅니다.
CSS 클래스를 보존하나요?
일반적인 class 속성은 유지하지만 인라인 스타일과 지원되지 않는 속성은 제거합니다. 대상 프로젝트에서 내보낸 조각을 확인하세요.