Floris-Jan

<p>Simple Markdown is a lightweight WordPress plugin that adds a custom Gutenberg block for rendering Markdown content directly in your posts and pages. Perfect for developers, writers, and anyone who prefers writing in Markdown format.</p>
<p><strong>NEW in 1.3.0: Professional Code Beautification</strong><br />
* Automatic code formatting and indentation for all supported languages<br />
* Professional copy buttons positioned as elegant tabs outside code blocks<br />
* Language-aware beautification (JavaScript, PHP, CSS, JSON, Bash)<br />
* Smart preservation of ASCII art and tree structures in copy-only blocks</p>
<p><strong>Core Features:</strong></p>
<ul>
<li>Custom Gutenberg block for Markdown content</li>
<li>Support for common Markdown syntax:
<ul>
<li>Headers (H1-H6)</li>
<li>Bold and italic text</li>
<li>Inline code and code blocks with copy functionality</li>
<li>Links</li>
<li>Unordered and ordered lists</li>
<li>Blockquotes</li>
</ul>
</li>
<li>Professional code block rendering with:
<ul>
<li>Automatic beautification and proper indentation</li>
<li>One-click copy functionality with visual feedback</li>
<li>Language labels (JavaScript, PHP, CSS, JSON, Bash)</li>
<li>Tight line spacing optimized for code readability</li>
</ul>
</li>
<li>Clean HTML output with semantic markup</li>
<li>Theme-resistant styling with robust CSS overrides</li>
<li>Easy to use interface</li>
</ul>
<p>This is the core version with all essential markdown features plus professional code handling. A Pro version with syntax highlighting and other advanced features will be available in the future.</p>
<p><strong>Supported Markdown Syntax:</strong></p>
<ul>
<li><code># Header 1</code> through <code>###### Header 6</code></li>
<li><code>**bold text**</code> and <code>*italic text*</code></li>
<li><code>`inline code`</code> and code blocks with triple backticks</li>
<li><code>[link text](URL)</code> for links</li>
<li><code>- item</code> for unordered lists</li>
<li><code>1. item</code> for ordered lists</li>
<li><code>> quote</code> for blockquotes</li>
</ul>
<p><strong>Advanced Code Block Syntax:</strong></p>
<ul>
<li><code>```javascript copy</code> – Beautified JavaScript with copy button</li>
<li><code>```php copy</code> – Beautified PHP with copy button</li>
<li><code>```css copy</code> – Beautified CSS with copy button</li>
<li><code>```json copy</code> – Beautified JSON with copy button</li>
<li><code>```bash copy</code> – Bash commands with copy button</li>
<li><code>```copy</code> – Copy button without beautification (preserves ASCII art)</li>
<li><code>```</code> – Plain code block (no beautification, no copy button)</li>
</ul>


Simple Markdown

Simple and fast plugin to render markdown with a custom Gutenberg block. Professional code beautification and copy functionality included.

Rich Tabor

<h3>Comments that only render in the block editor</h3>
<p>I honestly enjoy drafting articles either locally in Ulysses, or on <a href="https://richtabor.com" rel="nofollow ugc">my blog</a> using the <a href="https://useiceberg.com/?utm_source=wp-org&utm_medium=markdown-comment-block&utm_campaign=readme-description" rel="nofollow ugc">Iceberg Editor</a>. While I do love Iceberg, once I publish an article I typically bring back the default Gutenberg experience — thus removing any comments I previously added.</p>
<p>Having the ability to add, and keep, any relevant editing comments within my posts, without rendering them on the front-end, means that I am freed up to mentally jot any idea down without thinking about it. It is simply natural and convenient.</p>
<p><a href="https://richtabor.com/markdown-comments/?utm_source=wp-org&utm_medium=markdown-comment-block&utm_campaign=readme-learnmore" rel="nofollow ugc">Learn more about Markdown Comment →</a></p>
<h3>What’s interesting about Markdown Comment:</h3>
<h4>1. Editor only</h4>
<p>The block only renders within the editor. For developers reading this, that means there’s no save function. I don’t want my unfinished ideas, reminders, and notes rendered within my post – even if they’re hidden by CSS.</p>
<h4>2. Helpful block transforms</h4>
<p>I added a couple transforms, to and from headings and paragraphs, and a raw shortcut when you type <code>%%</code> and hit the [space] key. This lets me quickly add comments, and even convert whole paragraphs or headings to a comment.</p>
<h4>3. Easily resolve comments</h4>
<p>To support that path towards simplicity, I wanted a method to quickly resolve — i.e. banish — a comment entirely. So, I added a toolbar control to quickly resolve the comment, removing the block entirely.</p>
<h4>4. No rich text support</h4>
<p>Comments need to have minimal impact on editing, and feel as natural as possible. That’s why there are no typical RichText controls (although you can still bold, italicize and add hyperlinks). And while you <em>can</em> change the color of the comment — there are no other typographic controls.</p>
<h4>5. Entirely CSS Variable ready</h4>
<p>Global styles and full site editing are opening the door for themes to be heavily powered by CSS variables. Blocks should be designed with that same mentality, which is exactly what I did here. I added simple CSS variables with fallbacks that are the default values. To further theme the comment, there’s no need to override any styles with classes, just write a few CSS variables.</p>


Markdown Comment Block

Add markdown inspired comments to posts that render only within the block editor.

Simple Markdown vs Markdown Comment Block