markdown-preview
markdown-preview copied to clipboard
Markdown Preview Plus -- Enables Chrome to render markdown files as HTML
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://extensions
listing: - 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):
. When LaTeX syntax is enabled, dollar signs used in non-math contexts should be escaped with a backslash:$math$
\$
-
Single Backslash with Parentheses (requires LaTex delimiters):
. Conflicts with Markdown's escaped syntax for parentheses\(math\)
\(
. -
Double Backslash with Parentheses:
\\(math\\)
-
Single Dollar with Backquote:
$`math`$
Display Math
-
Single Backslash with Brackets (requires LaTeX delimiters):
. Conflicts with Markdown's escaped syntax for brackets\[math\]
\[
. -
Double Backslash with Brackets:
\\[math\\]
-
Double Dollar Signs:
$$math$$
-
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