코드, 데이터 및 QR 도구

HTML WYSIWYG 편집기

작은 HTML 조각을 시각적으로 서식 지정하고 소스를 확인한 뒤 이 로컬 편집기에서 정리된 마크업을 복사하거나 다운로드하세요.

브라우저에서 로컬 처리가입 불필요개인정보 안내 ↗

Project notes

Ready for review.

  • Keep it clear
  • Ship the useful part

서식은 현재 선택 영역에 적용됩니다. 붙여넣은 콘텐츠는 내보내기 전에 정리됩니다.

소스로 전환하면 비주얼 편집기와 동기화됩니다. 적용 또는 내보내기 시 안전하지 않은 태그, 속성 및 URL 스킴을 제거합니다.

사용 방법

사용 방법

  1. 편집기에 내용을 입력하거나 붙여넣고 서식 도구 모음을 사용합니다.
  2. 시각 편집기와 HTML 소스 사이를 전환해 결과를 확인합니다.
  3. 프로젝트에 사용할 준비가 되면 정리된 HTML을 복사하거나 다운로드합니다.

작고 의미 있는 HTML 편집

제목, 단락, 굵게, 기울임, 밑줄, 링크, 글머리 및 번호 목록, 인용문, 인라인 코드를 지원합니다. head, 스크립트, 외부 리소스가 있는 전체 문서가 아니라 HTML 조각을 만듭니다.

로컬 정화 및 내보내기

편집, 정화, 미리보기, 복사, 다운로드는 브라우저에서 처리됩니다. 출력 마크업은 제한된 요소 및 속성 허용 목록으로 정화합니다. 스크립트, 이벤트 핸들러, 양식, 프레임, 스타일, 안전하지 않은 URL 스킴은 제거됩니다.

게시 전 검토

짧은 조각을 위한 전용 브라우저 편집기입니다. 브라우저 편집 명령과 붙여넣은 마크업은 엔진마다 다를 수 있으며 앱별 CMS 메타데이터, 주석, 사용자 지정 구성 요소는 보존하지 않습니다.

자주 묻는 질문

더 알아보기

내용이 업로드되나요?

아니요. 편집과 HTML 정리는 브라우저에서 로컬로 처리됩니다. Hello Keyboard Tools 서버로 아무것도 보내지 않습니다.

HTML을 직접 붙여넣을 수 있나요?

예. HTML 소스 보기에서 조각을 확인하거나 바꾼 뒤 시각 보기로 돌아오세요. 정화 과정에서 안전하지 않은 요소와 속성은 제거됩니다.

전체 HTML 페이지를 만드나요?

아니요. 기존 페이지나 편집기 안에서 쓸 수 있는 정리된 HTML 조각을 내보냅니다.

CSS 클래스를 보존하나요?

일반적인 class 속성은 유지하지만 인라인 스타일과 지원되지 않는 속성은 제거합니다. 대상 프로젝트에서 내보낸 조각을 확인하세요.