본문으로 바로가기

서브라임텍스트의 마크다운 플러그인을 이용할 경우, 기본적으로 미리보기 기능이 지원되지 않습니다. 물론, 미리보기 기능을 가진 플러그인을 따로 설치하면 가능합니다. 이를 가능케 해주는 플러그인을 소개합니다.

OmniMarkupPreviewer 소개

OmniMarkupPreviewer 플러그인은 서브라임텍스트2와 서브라임텍스트3에서 웹브라우저를 통해 마크업을 미리보기해준다. html 마크업을 실시간으로 미리보기할 수 있도록 백그라운드에서 웹브라우저와 통신해 렌더링해주는 것이다. 게다가 html 결과물을 내보내기할 수도 있다.

OmniMarkupPreviewer가 지원하는 마크업 언어들:

  • Markdown
  • reStructuredText
  • WikiCreole
  • Textile
  • Pod (Requires Perl >= 5.10 and can be found in PATH, if the perl version < 5.10, Pod::Simple should be installed from CPAN.)
  • RDoc (Requires ruby in your PATH)
  • Org Mode (Requires ruby, and gem org-ruby should be installed)
  • MediaWiki (Requires ruby, as well as gem wikicloth)
  • AsciiDoc (Requires ruby, as well as gem asciidoctor)
  • Literate Haskell
단순히 마크다운 미리보기만 되는줄 알았지만, 그외에도 많은 문서를 지원하고 있었습니다.

OmniMarkupPreviewer 설치

  1. 서브라임 텍스트를 실행한 후, 단축키 Ctrl+Shift+P 로 Command Palette를 불러온다.
  2. install을 입력하면 자동완성되는 Package Control: Install Package를 선택하고 엔터를 누른다.
  3. OmmiM를 입력하여 이 OmniMarkupPreviewer검색되면 선택한 후, 엔터를 눌러 설치한다.

OmniMarkupPreviewer 단축키

Windows/Linux OS X 설명
Ctrl + Alt + O ⌘ + ⌥ + O 브라우저에 미리보기를 표시한다.
Ctrl + Alt + X ⌘ + ⌥ + X 마크업을 HTML로 내보내기한다.
Ctrl + Alt + C Ctrl + Alt + C 마크업을 HTML로 복사한다.

OmniMarkupPreviewer 사용자정의 CSS

미리보기에 사용되는 CSS 파일과 내보내기에 적용되는 템플릿을 수정하는 방법은 Attaching Custom CSS #45를 참고하라.

버그 해결

404 error on preview ... "buffer_id(29) is not valid (closed or unsupported file format)"

오랜만에 서브라임텍스트를 재설치하는데 위와 비슷한 문구의 오류출력이 발생하면서 미리보기가 작동되질 않았다. 관련해서 404 error on preview ... "buffer_id(29) is not valid (closed or unsupported file format)" #85에서의 답변중 Quick Fix 1번으로 해결했다.

Sublime Text > Preferences > Package Settings > OmniMarkupPreviewer > Settings - User 에 아래의 내용을 붙여넣고 저장한다.

{
    "renderer_options-MarkdownRenderer": {
        "extensions": ["tables", "fenced_code", "codehilite"]
    }
}
신고

댓글을 달아 주세요

  1. 릴리 2015.07.27 09:55 신고

    유용한 정보들 잘 보고 있습니다.
    웹디자이너겸 퍼블리셔로서 첫발을 내딛어보고자 하는데, 도움이 되네요!^^
    앞으로도 좋은 글 부탁드립니다.

티스토리 툴바