casual-markdown: 경량 정규식 기반 마크다운 파서(+TOC, scrollspy 및 frontmatter)

casual-markdown v0.85 출시 - 초경량 RegExp 기반 마크다운 파서, TOC, scrollspy 및 frontmatter 지원
  • 심플, 초경량(190라인 이하)
  • 바닐라 자바스크립트, 종속성 없음
  • 모든 브라우저 지원(IE9+, Chrome, Firefox, Brave 등..)
  • 직관적인 코딩 스타일로 가독성이 좋습니다.
  • 지원 basic syntax Basic Markdown Syntax (markdownguide.org)에 따름
  • extended-syntax의 하위 집합을 지원합니다.
  • 목차(TOC) 및 scrollspy 지원
  • 코드 블록의 자동 강조 주석 및 키워드
  • 단순 YAML에 대한 머리말
  • 확장 가능(md.before, md.after, md.formatCode, md.formatYAML을 재정의하여)

  • 용법



    casual-markdown.js을 포함하기만 하면 됩니다.
    로컬 또는 CDN에서.

    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/casualwriter/casual-markdown/dist/casual-markdown.css">
    <script src="https://cdn.jsdelivr.net/gh/casualwriter/casual-markdown/dist/casual-markdown.js"></script>
    


    그런 다음 md.html()에 의해 markdown-parser를 호출하거나 md.toc()에 의해 TOC를 호출합니다.

    // get markdown source from element
    var mdText = document.getElementById('source').innerHTML
    
    // parse markdown, and render content
    document.getElementById('content').innerHTML = md.html( mdText )
    
    // render TOC, add scrollspy to document.body
    md.toc( 'content', 'toc', { css:'h2,h3,h4', title:'Table of Contents', scrollspy:'body' } )
    
    // render TOC, title=Index, add scrollspy to <div id=content>
    md.toc( 'content', 'toc', { title:'Index', scrollspy:'content' } )
    


    자세한 내용은 github을 방문하거나 Supported Syntax of Casual-Markdown을 확인하세요.

    약간의 급한 작업, 버그가 있으면 알려주세요.

    좋은 하루 되세요,

    좋은 웹페이지 즐겨찾기