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
  • 10 years ago
  • 4 days ago
  • 12 years ago

Installs

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

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.