{"id":143149,"date":"2021-06-25T19:08:35","date_gmt":"2021-06-25T19:08:35","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/markdown-comment-block\/"},"modified":"2024-07-14T02:37:48","modified_gmt":"2024-07-14T02:37:48","slug":"markdown-comment-block","status":"publish","type":"plugin","link":"https:\/\/sq.wordpress.org\/plugins\/markdown-comment-block\/","author":15075831,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"1.0.0","stable_tag":"1.0.0","tested":"6.6.5","requires":"5.7","requires_php":"7.0","requires_plugins":null,"header_name":"Markdown Comment Block","header_author":"Rich Tabor","header_description":"Add comments to posts that are viewed only within the editor.","assets_banners_color":"057be2","last_updated":"2024-07-14 02:37:48","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/rich.blog\/markdown-comments?utm_source=wp-plugins&utm_medium=markdown-comment-block&utm_campaign=plugin-uri","header_author_uri":"https:\/\/rich.blog\/?utm_source=wp-plugins&utm_medium=markdown-comment-block&utm_campaign=author-uri","rating":5,"author_block_rating":5,"active_installs":300,"downloads":9405,"num_ratings":1,"support_threads":0,"support_threads_resolved":0,"author_block_count":4,"sections":["description","installation","faq","changelog"],"tags":{"0.1.0":{"tag":"0.1.0","author":"richtabor","date":"2021-07-24 16:28:09"},"0.1.1":{"tag":"0.1.1","author":"richtabor","date":"2021-06-25 19:08:32"},"0.1.2":{"tag":"0.1.2","author":"richtabor","date":"2021-06-25 19:09:54"},"0.1.3":{"tag":"0.1.3","author":"richtabor","date":"2021-07-01 12:58:36"},"0.1.4":{"tag":"0.1.4","author":"richtabor","date":"2021-07-01 13:09:23"},"0.1.5":{"tag":"0.1.5","author":"richtabor","date":"2021-07-22 16:12:24"},"0.1.6":{"tag":"0.1.6","author":"richtabor","date":"2021-07-24 16:36:20"},"0.1.7":{"tag":"0.1.7","author":"richtabor","date":"2022-01-26 14:49:58"},"0.1.8":{"tag":"0.1.8","author":"richtabor","date":"2022-02-08 15:16:09"},"0.1.9":{"tag":"0.1.9","author":"richtabor","date":"2022-05-06 19:12:42"},"1.0.0":{"tag":"1.0.0","author":"richtabor","date":"2024-07-14 02:37:48"}},"upgrade_notice":[],"ratings":{"1":0,"2":0,"3":0,"4":0,"5":1},"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3117642,"resolution":"128x128","location":"assets","locale":""},"icon-256x256.png":{"filename":"icon-256x256.png","revision":3117642,"resolution":"256x256","location":"assets","locale":""}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3117642,"resolution":"1544x500","location":"assets","locale":""},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3117642,"resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":{"tabor\/markdown-comment":{"apiVersion":2,"name":"tabor\/markdown-comment","title":"Markdown Comment","category":"text","description":"Add a comment that does not render on the front-end.","keywords":["comments","editor","markdown"],"textdomain":"markdown-comment-block","attributes":{"content":{"type":"string","selector":"span","__experimentalRole":"content"}},"supports":{"html":false,"className":false,"customClassName":false,"__unstablePasteTextInline":true,"color":{"background":false,"link":false,"text":true}},"editorScript":"file:.\/index.js","editorStyle":"file:.\/index.css"}},"tagged_versions":["0.1.0","0.1.1","0.1.2","0.1.3","0.1.4","0.1.5","0.1.6","0.1.7","0.1.8","0.1.9","1.0.0"],"block_files":["\/tags\/1.0.0\/build\/index.js","\/tags\/1.0.0\/build\/index.css"],"assets_screenshots":{"screenshot-1.jpg":{"filename":"screenshot-1.jpg","revision":2571474,"resolution":"1","location":"assets","locale":""},"screenshot-2.jpg":{"filename":"screenshot-2.jpg","revision":2571474,"resolution":"2","location":"assets","locale":""}},"screenshots":{"1":"Quickly resolve comments from the block toolbar.","2":"Installable via the WordPress Block Directory."},"jetpack_post_was_ever_published":false},"plugin_section":[172757],"plugin_tags":[1220,4121,107,148076,4608],"plugin_category":[44],"plugin_contributors":[147369],"plugin_business_model":[],"class_list":["post-143149","plugin","type-plugin","status-publish","hentry","plugin_section-block","plugin_tags-block","plugin_tags-blocks","plugin_tags-comments","plugin_tags-gutenberg","plugin_tags-markdown","plugin_category-discussion-and-community","plugin_contributors-richtabor","plugin_committers-richtabor"],"banners":{"banner":"https:\/\/ps.w.org\/markdown-comment-block\/assets\/banner-772x250.png?rev=3117642","banner_2x":"https:\/\/ps.w.org\/markdown-comment-block\/assets\/banner-1544x500.png?rev=3117642","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/markdown-comment-block\/assets\/icon-128x128.png?rev=3117642","icon_2x":"https:\/\/ps.w.org\/markdown-comment-block\/assets\/icon-256x256.png?rev=3117642","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/markdown-comment-block\/assets\/screenshot-1.jpg?rev=2571474","caption":"Quickly resolve comments from the block toolbar."},{"src":"https:\/\/ps.w.org\/markdown-comment-block\/assets\/screenshot-2.jpg?rev=2571474","caption":"Installable via the WordPress Block Directory."}],"raw_content":"<!--section=description-->\n<h3>Comments that only render in the block editor<\/h3>\n\n<p>I honestly enjoy drafting articles either locally in Ulysses, or on <a href=\"https:\/\/richtabor.com\">my blog<\/a> using the <a href=\"https:\/\/useiceberg.com\/?utm_source=wp-org&amp;utm_medium=markdown-comment-block&amp;utm_campaign=readme-description\">Iceberg Editor<\/a>. While I do love Iceberg, once I publish an article I typically bring back the default Gutenberg experience \u2014 thus removing any comments I previously added.<\/p>\n\n<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>\n\n<p><a href=\"https:\/\/richtabor.com\/markdown-comments\/?utm_source=wp-org&amp;utm_medium=markdown-comment-block&amp;utm_campaign=readme-learnmore\">Learn more about Markdown Comment &rarr;<\/a><\/p>\n\n<h3>What's interesting about Markdown Comment:<\/h3>\n\n<h4>1. Editor only<\/h4>\n\n<p>The block only renders within the editor. For developers reading this, that means there\u2019s no save function. I don\u2019t want my unfinished ideas, reminders, and notes rendered within my post - even if they\u2019re hidden by CSS.<\/p>\n\n<h4>2. Helpful block transforms<\/h4>\n\n<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>\n\n<h4>3. Easily resolve comments<\/h4>\n\n<p>To support that path towards simplicity, I wanted a method to quickly resolve \u2014 i.e. banish \u2014 a comment entirely. So, I added a toolbar control to quickly resolve the comment, removing the block entirely.<\/p>\n\n<h4>4. No rich text support<\/h4>\n\n<p>Comments need to have minimal impact on editing, and feel as natural as possible. That\u2019s 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 \u2014 there are no other typographic controls.<\/p>\n\n<h4>5. Entirely CSS Variable ready<\/h4>\n\n<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\u2019s no need to override any styles with classes, just write a few CSS variables.<\/p>\n\n<!--section=installation-->\n<ol>\n<li>Upload the <code>markdown-comment-block<\/code> folder to your <code>\/wp-content\/plugins\/<\/code> directory or alternatively upload the markdown-comment-block.zip file via the plugin page of WordPress by clicking 'Add New' and selecting the zip from your local computer.<\/li>\n<li>Activate the plugin through the 'Plugins' menu in WordPress.<\/li>\n<li>Search for the block within the Gutenberg block editor.<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id='can%20the%20markdown%20comment%20block%20be%20used%20with%20my%20theme%3F'><h3>Can the Markdown Comment block be used with my theme?<\/h3><\/dt>\n<dd><p>Yes! If you're using Gutenberg (i.e. the block editor) on your site, you should have no issues with the block. It's relatively simple to modify the CSS variables to tweak the comment styling if you'd like \u2014 learn more <a href=\"https:\/\/richtabor.com\/markdown-comments\/?utm_source=wp-org&amp;utm_medium=markdown-comment-block&amp;utm_campaign=readme-faq\">here<\/a>.<\/p><\/dd>\n<dt id='where%20can%20i%20send%20feedback%20or%20ideas%3F'><h3>Where can I send feedback or ideas?<\/h3><\/dt>\n<dd><p>Please reach out via the official <a href=\"https:\/\/wordpress.org\/support\/plugin\/markdown-comment-block\">plugin support forum<\/a>.<\/p><\/dd>\n<dt id='who%27s%20rich%20tabor%3F'><h3>Who's Rich Tabor?<\/h3><\/dt>\n<dd><p>As a WordPress entrepreneur, designer and developer all wrapped up in one, <a href=\"http:\/\/twitter.com\/richard_tabor\">@richard_tabor<\/a> is recognized as one of the top leaders in this post-Gutenberg era of WordPress. His design chops have topped the 2018 Automattic Design Awards and led him to found CoBlocks \u2013 a top-notch set of page builder blocks and tools for Gutenberg, ThemeBeans \u2013 a premier WordPress theme shop and <a href=\"https:\/\/useiceberg.com\/?utm_source=wp-org&amp;utm_medium=markdown-comment-block&amp;utm_campaign=readme-faq\">Iceberg<\/a> \u2013 a markdown editor for Gutenberg.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.0.0<\/h4>\n\n<ul>\n<li>Set default control for text color<\/li>\n<\/ul>\n\n<h4>0.1.8<\/h4>\n\n<ul>\n<li>Add block.json to registerBlockType<\/li>\n<\/ul>\n\n<h4>0.1.7<\/h4>\n\n<ul>\n<li>WordPress 5.9 support<\/li>\n<li>Ensure text color is properly applied<\/li>\n<\/ul>\n\n<h4>0.1.6<\/h4>\n\n<ul>\n<li>Resolve package error<\/li>\n<\/ul>\n\n<h4>0.1.5<\/h4>\n\n<ul>\n<li>Improve styling to work with theme.json<\/li>\n<li>Add example theme.json file for themes to leverage<\/li>\n<\/ul>\n\n<h4>0.1.3<\/h4>\n\n<ul>\n<li>Tweak block title<\/li>\n<li>Tweak styles<\/li>\n<\/ul>\n\n<h4>0.1.0<\/h4>\n\n<ul>\n<li>Initial release<\/li>\n<\/ul>","raw_excerpt":"Add markdown inspired comments to posts that render only within the block editor.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/sq.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/143149","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sq.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/sq.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/sq.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=143149"}],"author":[{"embeddable":true,"href":"https:\/\/sq.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/richtabor"}],"wp:attachment":[{"href":"https:\/\/sq.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=143149"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/sq.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=143149"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/sq.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=143149"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/sq.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=143149"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/sq.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=143149"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/sq.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=143149"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}