Awesome
Markdown Preview Plus
Automatically parses markdown files (.md) into HTML. This is useful if you're writing markdown (ultimately targeting HTML) and want a quick preview.
Features
- Support auto reload.
- Support external css file.
- Customize theme for every md file.
- Support github flavored markdown.
- Export nicely formatted HTML.
- KaTex support
- MathJax support
- Mermaid support
Usage
- Install extension from webstore (creates no new UI)
- Check "Allow access to file URLs" in
chrome://extensionslisting:
- Open local or remote .md file in Chrome.
- See nicely formatted HTML!
Math Syntax
Markdown Preview Plus uses the KaTex engine to support rendering of mathematical expressions. Markdown Preview Plus supports the following math syntax. To minimize interference between Markdown and KaTex, some standard LaTeX delimiters (indicated below) are disabled by default to avoid conflict with Markdown syntax. LaTeX syntax can be enabled in the options.
Inline Math
-
Single Dollar Signs (requires LaTeX delimiters): <code class="tex2jax_ignore">
$math$</code>. When LaTeX syntax is enabled, dollar signs used in non-math contexts should be escaped with a backslash: <code class="tex2jax_ignore">\$</code> -
Single Backslash with Parentheses (requires LaTex delimiters): <code class="tex2jax_ignore">
\(math\)</code>. Conflicts with Markdown's escaped syntax for parentheses\(. -
Double Backslash with Parentheses: <code class="tex2jax_ignore">
\\(math\\)</code> -
Single Dollar with Backquote: <code class="tex2jax_ignore">
$`math`$</code>
Display Math
-
Single Backslash with Brackets (requires LaTeX delimiters): <code class="tex2jax_ignore">
\[math\]</code>. Conflicts with Markdown's escaped syntax for brackets\[. -
Double Backslash with Brackets: <code class="tex2jax_ignore">
\\[math\\]</code> -
Double Dollar Signs: <code class="tex2jax_ignore">
$$math$$</code> -
Math Code Block:
```math math ```
Credits
This extension uses the following open source components:
- Marked - A markdown parser written in JavaScript
- markdown-friendly stylesheet - The themes are based on the "Swiss" theme
- markdown preview - The original markdown preview
- mermaid - A Javascript based diagramming and charting tool
- MathJax - A JavaScript display engine for LaTeX, MathML, and AsciiMath notation