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.

Terry L.

<p>An all-in-on WordPress Markdown Plugin provides a variety of features such as Markdown editor, live-preview, image-paste, HTML-to-Markdown helper, and more..</p>
<p>Read detailed document, please visit <a href="https://github.com/terrylinooo/githuber-md" rel="nofollow ugc">https://github.com/terrylinooo/githuber-md</a>.</p>
<h3>Demo</h3>
<p><iframe loading="lazy" title="WordPress Markdown Plugin - WP Githuber MD - DEMO" width="750" height="422" src="https://www.youtube.com/embed/it1noNCTXa4?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
<p>The Video shows you the following steps:</p>
<ol>
<li>Convert HTML to Markdown by using <code>HTML to Markdown</code> tool.</li>
<li>Cut up a selection area of an image and copy it from Photoshop, then paste it to Markdown Editor.</li>
<li>Click “Update” button to save Markdown to <code>post_content_filtered</code> and save HTML to <code>post_content</code> (it is what you will see in result).</li>
<li>View the result.</li>
</ol>
<h3>How it works</h3>
<ol>
<li>WP Githuber MD will save your Markdown content into <code>wp_posts</code>.<code>post_content_filtered</code>.</li>
<li>Parse the Markdown to HTML, save the parsed HTML content into <code>wp_posts</code>.<code>post_content</code>.</li>
</ol>
<p>This plugin will detect your Markdown content and decide what scripts will be loaded, to avoid loading unnecessary scripts.<br />
For example, if you enabled Syntax highlight, you have to update your post again to take effects.</p>
<h3>Suggestions</h3>
<p>The better situation to use this plugin is you just started a new blog.</p>
<p>If you’re planning to use this plugin in an existing blog, be sure to:</p>
<ul>
<li>Turn off other Markdown plugins, because the similar plugins might do the same things when submitting your posts, may have some syntax conversion issues between Markdown and HTML.</li>
<li>My suggestion is to turn off revision and auto-save, there are options in setting page.</li>
</ul>
<h3>Features</h3>
<ul>
<li><a href="https://markdown-editor.github.io/" rel="nofollow ugc">Markdown editor</a>.</li>
<li>Live preview.</li>
<li>Spell check.</li>
<li>Enable / disable Markdown for single post.</li>
<li>Support Gutenberg editor.</li>
<li>Support custom post types.</li>
<li>Support Markdown extra syntax.</li>
<li>HTML-to-Markdown tool.</li>
<li>Image copy & paste (support uploading to Imgur.com and sm.ms)</li>
<li>Highlight code syntax. (prism.js or hightlight.js)</li>
<li>Flow chart.</li>
<li>KaTex.</li>
<li>Sequence diagram.</li>
<li>Mermaid.</li>
<li>MathJax.</li>
<li>Emoji.</li>
<li>Github flavored Markdown task list.</li>
<li>Fetch remote images.</li>
<li>Keyword suggestion tool.</li>
<li>and more…</li>
</ul>
<h3>Translations</h3>
<p>English (en_US) by <a href="https://colocal.com/" rel="nofollow ugc">Colocal</a>.<br />
Traditional Chinese (zh_TW) by <a href="https://www.alexclassroom.com/" rel="nofollow ugc">Alex Lion</a>.<br />
Simplified Chinese (zh_CN) by <a href="https://terryl.in/zh/" rel="nofollow ugc">Terry Lin</a>.</p>
<h3>Copyright</h3>
<p>WP Githuber MD, Copyright 2018-2020 TerryL.in<br />
WP Githuber MD is distributed under the terms of the GNU GPL</p>
<p>This program is free software: you can redistribute it and/or modify<br />
it under the terms of the GNU General Public License as published by<br />
the Free Software Foundation, either version 3 of the License, or<br />
(at your option) any later version.</p>
<p>This program is distributed in the hope that it will be useful,<br />
but WITHOUT ANY WARRANTY; without even the implied warranty of<br />
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the<br />
GNU General Public License for more details.</p>


WP Githuber MD – WordPress Markdown Editor

I would love to give five stars but the developer decided that all URL text should be interpreted. It’s not the way Markdown is working and it breaks the very convenient feature that convert Youtube URL to video in WP. And all embeds feature I presume.

Not compatible with useful WP features


Undoubtedly the best plugin available, and well done too. However, some buttons (e.g. search, h5-h6, clear) present in other similar plugins were missing, so much so that I had to insert them manually, not with little trouble. Therefore, the inclusion of an option to choose the buttons to insert in the toolbar is welcome, or even just a filter that allows you to do so from the theme's functions.php. :-)



Another thing missing is the preview of the highlight themes for code. But it is certainly a minor aspect.


Best plugin but...

An all-in-on WordPress Markdown Plugin provides a variety of features such as Markdown editor, live-preview, image-paste, HTML-to-Markdown helper, and …

Markdown Comment Block vs WP Githuber MD – WordPress Markdown Editor