ctrl+shift+p filters: :st2 :st3 :win :osx :linux
Browse

Strapdown Markdown Preview

by michfield ST3

Markdown preview plugin for Sublime Text 3 using Strapdown.js. No server-side processing is required as Strapdown.js is purely browser-based Markdown converter using Twitter Bootstrap for theming support.

Details

  • 2015.02.27.18.23.45
  • github.​com
  • github.​com
  • 9 years ago
  • 2 hours ago
  • 11 years ago

Installs

  • Total 11K
  • Win 5K
  • Mac 4K
  • Linux 2K
May 12 May 11 May 10 May 9 May 8 May 7 May 6 May 5 May 4 May 3 May 2 May 1 Apr 30 Apr 29 Apr 28 Apr 27 Apr 26 Apr 25 Apr 24 Apr 23 Apr 22 Apr 21 Apr 20 Apr 19 Apr 18 Apr 17 Apr 16 Apr 15 Apr 14 Apr 13 Apr 12 Apr 11 Apr 10 Apr 9 Apr 8 Apr 7 Apr 6 Apr 5 Apr 4 Apr 3 Apr 2 Apr 1 Mar 31 Mar 30 Mar 29
Windows 2 1 0 0 1 1 0 0 0 0 1 1 0 0 2 0 0 0 0 0 0 0 0 0 0 2 0 1 0 1 1 3 0 0 1 0 0 0 0 0 0 1 0 0 0
Mac 0 1 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0 2 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0
Linux 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0 1 0 0 0 0 0 0 0 2 0 0 0 0 0 0 0 0 0 1 0 1 0 0 1 0 0 0 0 1

Readme

Source
raw.​githubusercontent.​com

ST3 » Strapdown.js Markdown Preview

Sublime Text 3 plug-in that allows you preview your markdown files in your browser, using beautiful Strapdown.js.

Strapdown.js is mixing some Javascript with Bootstrap (Twitter's HTML5 & CSS framework) to show you beautiful presentation of your Markdown files.

The good thing about Strapdown.js is that resulting HTML, besides looking very good and being themeable, also contains unmodified Markdown content that can be easily edited anywhere and extracted back, if you need it again.

Installation

  • recommended is to use use Sublime Package Manager
  • press Ctrl+Shift+P then Package Control: Install Package
  • look for Strapdown.js Markdown Preview and install it.

Usage

  • use Ctrl+Shift+P then Strapdown.js Markdown Preview to launch a preview
  • or bind some key in your user key binding, using a line like this one:
    { "keys": ["ctrl+alt+m"], "command": "strapdown_markdown_preview", "args": {"target": "browser"} },

Metadata

You can specify additional attributes on top of your text file / active window. These details can change theme and the title of rendered file. Just add a comment near the start, like this:

The idea is very similar to YAML Front Matter or MultiMarkdown metadata header block, but it's more in line with Strapdown.js idea. Thus using HTML comment markers as metadata markers.

Metadata can be anywhere in document. If some attribute is specified multiple times, the last value will be used. For now, the only usable attributes are title and theme.

Licence

The code is available at GitHub under MIT licence.