codeparlMarkdown is a jQuery plugin that helps you create a full-featured, customizable markdown editor using Bootstrap, Ace Editor, Font Awesome, and Showdown.js.

Features:

Review Free Download. Read the full changelog. Markdown editor that is based on the standard CommonMark and GitHub Flavoured Markdown and packs a set of very useful features.

• Editor & Live Preview views.
• Fullscreen mode.
• Configurable toolbar.
• Import external markdown files.
• Supports all Ace Editor themes.

• Alternatives to MarkdownD for Mac, Windows, Linux, iPhone, Web and more. Filter by license to discover only free or Open Source alternatives. This list contains a total of 25+ apps similar to MarkdownD. List updated: 3/24/2019 4:45:00 AM.
• Review Free Download. Read the full changelog. Markdown editor that is based on the standard CommonMark and GitHub Flavoured Markdown and packs a set of very useful features.
• Markdown parser done right. Fast and easy to extend. Follows the CommonMark spec + adds syntax extensions & sugar (URL autolinking, typographer).; Configurable syntax! You can add new rules and even replace existing ones. MarkdownD is a full-featured Markdown editor. For MacOS x 10.7.5 or later.

Markdown 4 0 3 – A Full Featured Markdown Editor Freeware

See Also:

How to use it:

1. Load the necessary resources in the document.

2. Load the codeparlMarkdown jQuery plugin's files.

3. Call the function codeparlMarkdown on the target container in which you want to place the markdown editor.

4. Available options to config the markdown editor.

Changelog:

2021-02-24

Markdown 4 0 3 – A Full Featured Markdown Editor Download

• Added image upload (requires PHP)

2021-02-22

• Added help bar

This awesome jQuery plugin is developed by codeparl. For more Advanced Usages, please check the demo page or visit the official website.

• Prev: Truncate Text To Fit Its Container's Height - LC Text Shortener
• Next: None

A full featured Markdown editor with live preview and syntax highlighting. Supports GitHub flavored Markdown.

See the change log for changes and road map.

Features

• Powered by Markdig - the best markdown parser
• Syntax highlighting
• Live preview window with scroll sync
• Mermaid chart support
• CommonMark and GitHub flavored Markdown
• High-DPI support
• Drag 'n drop of images supported
• Paste image from clipboard directly onto document
• Outlining/folding of code blocks
• Keyboard shortcuts
• Light Bulbs
• Brace completion with type-through
• Lightning fast
• Auto-generate HTML files

Syntax highlighting

All fonts can be changed in Tools -> Options -> Environment -> Fonts and Colors dialog.

GitHub and other flavors

Advanced markdown extensions are supported to give more features to the syntax. This includes pipe tables, emoji, mathematics and a lot more.

Live Preview Window

The preview window opens up on the right side of the document when it opens.

Every time the markdown document is modified, the preview window will update.

Any code blocks receives full syntax highlighting in the preview window. Here's an example of JavaScript code rendered.

The preview window is automatically scrolled to match the scroll position of the document. As the document is scrolled up and down, the preview window will follow.

Live preview can be disabled in the settings.

The syntax highlighter is powered by Prism

Custom stylesheets

The preview window supports loading of custom stylesheets. It will look for a file called md-styles.css in the same directory as the currently opened markdown file or any parent directory.

If no md-styles.css file is found it will look for it in %userprofile%. If it still isn't found it will use the built in stylesheet.

To generate a custom stylesheet, simply right-click inside the markdown editor document and select Add Custom Stylesheet...

Markdownd 4 0 3 – A Full Featured Markdown Editorial

The name of the custom stylesheet can be changed in the settings.

Drag 'n drop images

Drag an image directly from Solution Explorer onto the document to insert the appropriate markdown that will render the image.

Paste images

This is really helpful for copying images from a browser or for inserting screen shots. Simply copy an image into the clipboard and paste it directly into the document. This will prompt you for a file name relative to the document and then it inserts the appropriate markdown.

It will even parse the file name and make a friendly name to use for the alt text.

Outlining

Any fenced code and HTML blocks can be collapsed, so that this:

...can be collapsed into this:

Keyboard shortcuts

Ctrl+B makes the selected text bold by wrapping it with **.

Ctrl+I makes the selected text italic by wrapping it with _.

Ctrl+Shift+C wraps the selected text in a code block.

Ctrl+Space checks and unchecks task list items.

Tab increases indentation of list items.

Shift+Tab decreases indentation of list items.

Ctrl+K,C wraps the selection with HTML comments.

Ctrl+K,U removes HTML comments surrounding the selection/caret.

Ctrl+PgUp moves caret to previous heading

Ctrl+PgDown moves caret to next heading

Light Bulbs

The suggested actions shown in light bulbs makes it easier to perform common tasks.

For instance, converting the selected text to a link will result in this:

Auto-generate HTML files

By right-clicking any Markdown file in Solution Explorer, you can turn on automatic generation of a HTML file.

It will wrap the output rendered markdown in a HTML template that looks like this:

You can provide your own HTML template by dropping a file with the name md-template.html in the same or parent folder to the markdown file. Just make sure to include the [title] and [content] tokens in the template.

Settings

Control the settings for this extension under Tools -> Options -> Text Editor -> Markdown

Contribute

Check out the contribution guidelines if you want to contribute to this project.

For cloning and building this project yourself, make sure to install the Extensibility Tools 2015 extension for Visual Studio which enables some features used by this project.

License