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
  • 2 hours ago
  • 12 years ago

Installs

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