Markdown Editor

Description

Markdown Editor replaces the default WordPress editor with a Markdown editor for your posts and pages. This plugin uses the Jetpack Markdown module for converting Markdown into HTML and plays nicely with Jetpack if both plugins are installed.

There are 4 editor layouts to choose from when writing posts: default, preview, full-screen and split screen. Changes are updated automatically allowing you to preview your content as you write.

By default Markdown Editor is only enabled on Posts, but you can enable it on pages and custom post types by adding post type support. For example to add Markdown support to Pages, add the following line of code to your theme’s functions.php file:

add_post_type_support( 'page', 'wpcom-markdown' );

To add Markdown support to a ‘Product’ custom post type, add this to your theme’s functions.php file:

add_post_type_support( 'product', 'wpcom-markdown' );

Syntax Highlighting

By default, Markdown Editor enables syntax highlighting for code blocks. This can be removed by adding the following line of code to your theme’s functions.php file:

add_filter( 'markdown_editor_highlight', '__return_false' );

The click to copy button can be removed with the following line:

add_filter( 'markdown_editor_clipboard', '__return_false' );

Installation

Automatic Plugin Installation

1. Go to Plugins > Add New.
2. Type in the name of the WordPress Plugin or descriptive keyword, author, or tag in Search Plugins box or click a tag link below the screen.
3. Find the WordPress Plugin you wish to install.
4. Click Details for more information about the Plugin and instructions you may wish to print or save to help setup the Plugin.
5. Click Install Now to install the WordPress Plugin.
6. The resulting installation screen will list the installation as successful or note any problems during the install.
7. If successful, click Activate Plugin to activate it, or Return to Plugin Installer for further actions.

Manual Plugin Installation

1. Download your WordPress Plugin to your desktop.
2. If downloaded as a zip archive, extract the Plugin folder to your desktop.
3. Read through the \”readme\” file thoroughly to ensure you follow the installation instructions.
4. With your FTP program, upload the Plugin folder to the wp-content/plugins folder in your WordPress directory online.
5. Go to Plugins screen and find the newly uploaded Plugin in the list.
6. Click Activate to activate it.

FAQ

Installation Instructions

Automatic Plugin Installation

1. Go to Plugins > Add New.
2. Type in the name of the WordPress Plugin or descriptive keyword, author, or tag in Search Plugins box or click a tag link below the screen.
3. Find the WordPress Plugin you wish to install.
4. Click Details for more information about the Plugin and instructions you may wish to print or save to help setup the Plugin.
5. Click Install Now to install the WordPress Plugin.
6. The resulting installation screen will list the installation as successful or note any problems during the install.
7. If successful, click Activate Plugin to activate it, or Return to Plugin Installer for further actions.

Manual Plugin Installation

1. Download your WordPress Plugin to your desktop.
2. If downloaded as a zip archive, extract the Plugin folder to your desktop.
3. Read through the \”readme\” file thoroughly to ensure you follow the installation instructions.
4. With your FTP program, upload the Plugin folder to the wp-content/plugins folder in your WordPress directory online.
5. Go to Plugins screen and find the newly uploaded Plugin in the list.
6. Click Activate to activate it.

Reviews

良いエディター / Good Editor

rikusen September 17, 2018

Markdown用の非常に良いエディターです。UIがシンプルで、直感的な編集ができます。また、シンタックスハイライトもされていて、そこもまた良いです。ですが、現時点で取り消し線の書体がバグって書けないのと、機能が少なすぎるためそこだけ少し不安です。 This is the great editor for writing markdown I’ve ever seen! UI is simple, so you can edit an article intuitively. And this has a function that is Syntax Highlight! It is also a good point for me. But, I am concerned because I can’t write a text of strikethrough by the bug, and this has only limited functions.

all text become one line after post

wildfootw June 21, 2018

Although it is a pretty good editor, all newline char disappear after you post the post is annoying. I can’t help but deactivate this plugin to edit my old post. hope author can fix this problem, thanks.

Great editor, but…

shames0 May 9, 2018

Probably the best Markdown editor I’ve seen in a WordPress plugin. But after publishing my post I noticed the line number column takes up half of my code block’s width, and the text color was too dark for my dark themed site to be able to read. I’m using this plugin with the WordPress Twenty Fifteen theme’s ‘Dark’ settings. Also, it would be nice if the markdown syntax persisted in the editor after saving the post rather than showing the generated html.

Kills WordPress

David Favor November 19, 2017 2 replies

Message emitted – The plugin does not have a valid header.

The markdown editor I’ve been looking for

drbe4t September 30, 2017

I’ve been looking for a good markdown editor for a long time. I’ve been testing it out for a while now. I love it! A few things I wish it did. I wish I had a switch to go from classic mode to markdown mode or that I could select if I wanted it on pages and posts or just one or the other. Super clean interphase. I like the full-screen mode. It was a nice touch I look forward to new updates.

Good basic markdown editor

mrippon September 29, 2017

More or less exactly what I wanted. Full-screen side-by-side markdown support in 2017 without having to constantly press the preview button. Main gripe is that autosave does not appear to work, and all it takes is a backspace press while the focus is away from the edit box to lose it all (as I discovered the hard way)! Even if it just popped up the standard browser notification to say the content hasn’t been saved it’d be a massive improvement. The preview doesn’t show the real styling, but if I cared I wouldn’t be writing in MD! Another minor point, the editor wraps code blocks, while the preview window doesn’t. It’d be great if it was consistent and didn’t wrap in the editor (although I imagine this might be tricky…?)

Contributors & Developers

Changelog

2018/04/01 – 0.1.7

• Fix rich editor and custom field conflict.

2018/04/01 – 0.1.6

• Add line numbers for syntax highlighting.

2018/04/01 – 0.1.5

• Fix ‘The plugin does not have a valid header’ error.

2018/04/01 – 0.1.4

• Add syntax highlighting.
• Add click to copy for code blocks.

2017/08/27 – 0.1.3

• Fix post_type_support – use wpcom-markdown.

2017/08/15 – 0.1.2

• Use add_post_type_support instead of filter.

2017/08/01 – 0.1.0

• Initial release.