HTML 변환기 및 서식 있는 텍스트 HTML 클리너로 온라인 텍스트
Microsoft Word, Google Docs, Notion 또는 일반 텍스트의 서식 있는 텍스트를 깔끔하고 의미 있는 HTML 코드로 실시간으로 변환합니다. 내장된 시각적 WYSIWYG 편집기를 사용하여 제목, 목록, 표 및 링크의 형식을 지정하세요. HTML 클리너는 부풀어 오른 inline style 속성, MsoNormal 클래스, 중복 래퍼 및 빈 항목을 자동으로 제거합니다.
콘텐츠를 입력하거나 붙여넣으면 실시간으로 렌더링된 HTML 미리보기가 여기에 표시됩니다...
Word, Google Docs 또는 텍스트를 깔끔한 HTML로 변환하는 방법
- 콘텐츠 붙여넣기 또는 입력: Microsoft Word, Google Docs, Notion 또는 이메일에서 서식이 지정된 텍스트를 복사하여 왼쪽의 Rich 텍스트 입력 비주얼 편집기에 직접 붙여넣거나 Load Sample를 클릭하여 즉시 데모를 확인하세요.
- HTML 정리 규칙 사용자 정의: 오른쪽에 있는 설정 패널을 사용하여 inline 스타일과 클래스를 제거하고, 빈
태그를 풀거나, Pretty 사이를 전환합니다. (들여쓰기) 및 Minified HTML. - 실시간 미리보기 확인: 코드 출력 바로 아래에 있는 Live Rendered Preview 상자에서 정리된 HTML가 시각적으로 어떻게 렌더링되는지 확인하세요.
- 복사 또는 다운로드: Copy HTML를 클릭하여 마크업을 WordPress, Shopify, Ghost, Webflow 또는 코드 편집기에 붙여넣거나 Download .html를 클릭하여 파일로 저장합니다.
어떤 비대해진 마크업이 제거되나요? (전 vs. 후)
Microsoft Word 또는 Google Docs와 같은 워드 프로세서에서 CMS 코드 편집기로 직접 복사하여 붙여넣으면 웹 사이트의 스타일시트를 재정의하는 수백 바이트의 독점 CSS 스타일, 글꼴 선언 및 래퍼 범위가 삽입됩니다.
| 소스 문제 | 원시 단어/Google Docs 붙여넣기(전) | Cleaned Semantic HTML(이후) |
|---|---|---|
워드 MsoNormal 및 인라인 글꼴 |
|
|
Google Docs |
|
|
| 빈 공백 단락 | |
(자동 제거) |
| 외부 링크 보안 | 가이드 |
가이드 |
텍스트를 HTML로 변환하는 일반적인 사용 사례
- 블로그 게시물 게시(WordPress, Ghost, Shopify, Webflow): Google Docs 또는 Word의 기사 초안을 작성하고 이를 명확한 의미로 변환합니다.
)는 웹사이트의 타이포그래피를 깔끔하게 계승합니다. - Email 뉴스레터 및 랜딩 페이지: 글꼴 크기나 색상 재정의 충돌 없이 가벼운 HTML 스니펫을 생성합니다.
- Database 및 JSON 콘텐츠 필드: Minified 모드를 사용하여 다중 단락 HTML 설명을 CSV 가져오기, SQL 데이터베이스 또는 API 페이로드에 사용할 수 있는 단일 줄로 압축합니다.
- 원치 않는 링크 또는 이미지 제거: 프리저브 하이퍼링크 또는 이미지 보존를 선택 취소하여 한 번의 클릭으로 스크랩 또는 신디케이트된 기사에서 타사 링크 및 포함된 추적 이미지를 제거합니다.
자주 묻는 질문
inline 스타일 없이 HTML를 정리하기 위해 Microsoft Word 또는 Google Docs 파일을 어떻게 변환합니까?
Word 또는 Google Docs 문서에서 텍스트를 복사하여 Rich 텍스트 입력 편집기에 붙여넣습니다. inline 스타일 및 클래스 제거, 빈 태그 및 공백 공백 제거 및 Unwrap 중복 태그가 오른쪽 열에서 선택되어 있는지 확인하세요. 제목, 굵은 글씨/기울임꼴 텍스트, 목록, 표 및 링크를 유지하면서 모든 독점 스타일과 클래스는 즉시 제거됩니다.
Google Docs wrap에서 태그의 모든 단락을 붙여넣는 이유는 무엇인가요?
Google Docs는 clipboard 시스템의 텍스트 노드 주위에 inline 태그를 배치합니다. Remove inline 스타일 및 클래스 및 Unwrap 중복 태그를 모두 활성화하면 먼저 스타일 속성을 제거한 다음 빈 태그를 래핑 해제하여 깨끗한 의미 체계 태그만 남게 됩니다.
편집기 내에서 원시 HTML 소스 코드를 직접 편집할 수 있나요?
예! 서식 있는 텍스트 입력 도구 모음에서 Source 버튼을 클릭하면 언제든지 시각적 WYSIWYG 편집과 원시 HTML 소스 편집 간에 전환할 수 있습니다.
대신 HTML를 Markdown로 또는 Markdown를 HTML로 변환하려면 어떻게 해야 합니까?
Markdown 파일(.md)로 작업하는 경우 아래 관련 도구 섹션에 링크된 HTML - Markdown Converter 및 Markdown - HTML Converter를 확인하세요.