HTML 변환기로의 마크다운은 무엇입니까?
HTML 로의 마크다운 변환기는 마크다운 소스 - README,변경 로그,블로그 초안,릴리스 노트 세트 - 를 HTML a 브라우저 또는 CMS 렌더링으로 바꿉니다. 왼쪽에 마크다운을 붙여넣거나 입력하면 오른쪽에 의미론적 HTML 이 나옵니다: 표제는 h1–h6 가 되고,펜스 코드는 언어 클래스가 있는 pre 와 코드가 되고,목록은 ul 과 ol 이 되고,테이블, 작업 목록 및 취소선과 같은 GitHub 확장은 GitHub 가 렌더링하는 방식으로 처리됩니다.
마크다운은 디스플레이 형식이 아닌 일반 텍스트 쓰기 형식입니다. 페이지에 나타나는 모든 곳 - 문서 사이트,정적 블로그,이메일 템플릿,HTML 만 허용하는 CMS 필드 - 무언가가 먼저 컴파일해야 합니다. 브라우저에서 파서를 빌드로 가져오거나 초안을 제어하지 않는 서비스에 붙여넣는 것이 아니라 마크업을 꺼내서 계속 진행하는 가장 빠른 방법입니다.
모든 것이 클라이언트 측에서 실행됩니다. 변환기는 원격 API를 둘러싼 래퍼가 아니라 손으로 쓴 파서이므로 게시되지 않은 게시물, 내부 문서 및 개인 릴리스 노트가 페이지를 떠나지 않습니다. GitHub의 마크다운, 앵커 ID, 단일 줄 바꿈 및 원시 HTML 통과를 전환한 다음 HTML을 복사하거나 .html 파일을 다운로드하거나 생성된 목차를 가져옵니다.
짧은 작업 예제는 여기에서 Markdown 을 HTML 로 변환 할 때 얻는 것을 보여줍니다. `# 내 프로젝트`를 붙여 넣은 다음 `## 설치`을 붙여 넣은 다음 2 행 작업 목록 `- [x] Done`과 `- [] Todo`를 출력합니다 `<h1 id="my-project">My Project</h1>`, `<h2 id="install">Install</h2>` 및 `<ul class="task-list">` 항목이 비활성화 된 확인란 입력으로 시작됩니다. 전체 문서를 선택하면 동일한 본문이 `<title>My Project</title>`로 doctype 으로 감싸입니다. 무료 HTML 변환기 마크 다운이며 가입이 없으며 입력 할 때 변환됩니다.
마크다운은 원시 HTML 인라인을 허용하며,이는 안전 문제를 이론적이기보다는 현실로 만든다: 스크립트 태그가 포함된 문서는 유효한 마크다운이고,이를 통과하는 변환기는 렌더링될 때 실행될 HTML 을 생성한다. 여기서의 출력은 그런 이유로 기본적으로 이스케이프되므로 신뢰할 수 없는 소스의 마크다운 파일은 태그를 페이지로 밀반입할 수 없다. 링크는 별도의 경우이다: 마크다운의 `javascript:` 링크는 복사된 HTML 에 그 href 를 유지하고 미리보기 창만 다시 작성하므로 쓰지 않은 마크다운을 게시하기 전에 출력을 삭제한다. 자신의 콘텐츠를 변환하고 원시 HTML 보존을 원한다면 그것은 기본이 아닌 의도적인 선택이다. 또 다른 알아야 할 것은 마크다운에는 단일 사양이 없다는 것이다. 테이블,작업 목록, 취소선 및 울타리 코드를 다루는 GitHub Flavored Markdown 은 여기에서 구현되며,이는 원래 구문의 일부가 아닌 확장이므로 엄격한 CommonMark 렌더러는 이를 보여주지 않을 것이다.
마크다운을 HTML 변환기로 사용하는 방법은 무엇입니까?
마크다운 붙여넣기
Markdown 을 에디터에 입력하거나 붙여넣기 - README,changelog, 에디터의 메모,무엇이든 입력하면 출력이 업데이트됩니다; 지원되는 것을 보고 싶다면 샘플을 로드합니다.
옵션 선택
테이블, 작업 목록, 취소선 및 베어 URL 링크에 대해 GitHub Flavored Markdown을 설정합니다. 딥 링크의 머리글 ID 추가, 단일 개행이 <br />가 되어야 하는 경우 줄바꿈을 사용하도록 설정하고, 마크다운에 태그가 이미 포함되어 있는 경우 원시 HTML을 허용합니다.
미리보기 확인
HTML 소스와 렌더링된 미리보기 사이를 전환하여 구조가 예상한 대로인지 확인하고 단어, 제목, 링크, 코드 블록 및 읽기 시간 등 문서 통계를 읽습니다.
목차 복사, 다운로드 또는 가져오기
HTML 을 클립보드에 복사하거나.html 을 눌러 document.html 로 다운로드합니다 (독립형 페이지를 원한다면 Full document 를 먼저 선택). H2 및 H3 헤딩 앵커에서 빌드된 자동 생성된 Markdown 목차를 복사할 수도 있습니다.
주요 특징
깃허브 맛 마크다운
열 정렬, 작업 목록 확인란, ~~strikethrough~~ 및 베어 URL의 자동 연결 기능이 있는 테이블 - README가 이미 의존하고 있는 확장 기능입니다
언어 클래스가 있는 울타리 코드
울타리 블록은 <pre><code class="language-js">가 되고, 클래스 이름 prism, highlight.js 및 shiki가 예상하므로, 출력을 사이트에 붙여넣는 순간 구문 강조가 작동합니다.
앵커 및 목차
모든 제목에는 슬러그화되고 중복 제거된 ID가 있으며 도구는 문서 상단에 다시 붙여넣을 수 있는 H2 및 H3 제목에 대한 Markdown 목차를 생성합니다
기본적으로 안전
당신이 선택하지 않는 한 소스의 원시 HTML은 이스케이프되며, 라이브 미리보기는 스크립트, 스타일 및 인라인 이벤트 핸들러를 스트립 - 그래서 다른 사람의 마크 다운을 붙여 넣는 것은 자신의 코드를 실행할 수 없습니다
Frequently Asked Questions
Related Tools
HTML Formatter
Format, beautify, and minify HTML online. Re-indents messy or minified markup, keeps script, style, and pre content verbatim, and runs entirely in your browser.
HTML to Markdown
Convert HTML to clean Markdown instantly. Turns headings, lists, links, images, blockquotes, code blocks and tables into portable GitHub Flavored Markdown. Tolerant of messy CMS markup. Runs client-side.
Markdown Table Generator
Build Markdown tables in a spreadsheet-style editor - import CSV, Excel, or an existing table, set alignment, copy clean GFM
Markdown TOC Generator
Generate a linked table of contents from Markdown headings
Comments
0 comments
No comments yet. Be the first to share your thoughts!