Isamu Takeda

<p>This block has the function of editing Markdown documents using SimpleMDE, and by parsing Markdown documents using marked, it can assign specific blocks to the converted HTML elements.<br />
This function allows users to customize Markdown documents using the styling functions of the corresponding blocks, allowing for a wide range of styling.<br />
The following are the blocks that are applied when Markdown documents are parsed into HTML elements.</p>
<ol>
<li>H element: itmar/design-title</li>
<li>P element: core/paragraph</li>
<li>PRE element: itmar/code-highlight</li>
<li>IMG element: core/image</li>
<li>BLOCKQUOTE element: core/quote</li>
<li>LI element: core/list</li>
<li>TABLE element: core/table</li>
</ol>
<p>The H element is also generated as a table of contents, and has the function of displaying nested items according to level.<br />
This plugin does not require any external resources (all scripts and styles are included locally)</p>
<h3>Related Links</h3>
<ul>
<li><a href="https://github.com/itmaroon/markdown-block" rel="nofollow ugc">markdown-block:Github</a></li>
<li><a href="https://github.com/itmaroon/block-class-package" rel="nofollow ugc">block-class-package:GitHub</a>  </li>
<li><a href="https://packagist.org/packages/itmar/block-class-package" rel="nofollow ugc">block-class-package:Packagist</a> </li>
<li><a href="https://www.npmjs.com/package/itmar-block-packages" rel="nofollow ugc">itmar-block-packages:npm</a>  </li>
<li><a href="https://github.com/itmaroon/itmar-block-packages" rel="nofollow ugc">itmar-block-packages:GitHub</a></li>
</ul>
<h3>Arbitrary section</h3>
<ol>
<li>
<p>PHP class management is now done using Composer.<br />
<a href="https://github.com/itmaroon/block-class-package" rel="nofollow ugc">GitHub</a><br />
<a href="https://packagist.org/packages/itmar/block-class-package" rel="nofollow ugc">Packagist</a></p>
</li>
<li>
<p>I decided to make functions and components common to other plugins into npm packages, and install and use them from npm.<br />
<a href="https://www.npmjs.com/package/itmar-block-packages" rel="nofollow ugc">npm</a><br />
<a href="https://github.com/itmaroon/itmar-block-packages" rel="nofollow ugc">GitHub</a></p>
</li>
</ol>
<h3>External services</h3>
<ol>
<li>This plugin uses EasyMDE to implement the editing function of Markdown documents. This is an open source JavaScript library provided under the MIT license.<br />
<a href="https://github.com/Ionaru/easy-markdown-editor/blob/master/LICENSE" rel="nofollow ugc">EasyMDE LICENSE</a><br />
EasyMDE comes with a spell check feature.<br />
When using this feature, it will try to load an external file (en_US.aff / en_US.dic) from a CDN. To avoid this, this plugin sets spellChecker: false, when instantiating EasyMDE, so that the external file will not be loaded.</li>
<li>This plugin uses marked to parse Markdown documents and convert them to HTML elements. This is an open source JavaScript library provided under the MIT license.<br />
<a href="https://github.com/markedjs/marked/blob/master/LICENSE.md" rel="nofollow ugc">marked LICENSE</a></li>
</ol>


MarkDown Block

This block converts Markdown documents into blocks for styling web pages.

Rich Tabor

<h4>Editor-friendly blocks</h4>
<p>While diving into this project I’ve explored a few areas where I can improve my personal publishing flow. The first was bringing editor comments into Gutenberg with my <a href="https://richtabor.com/markdown-comment/?utm_source=wp-org&utm_medium=todo-list-block&utm_campaign=readme" rel="nofollow ugc">Markdown Comment block</a>, and this Todo List block.</p>
<p>Todo List is a simple, editor-only block designed to quickly add tasks directly within the editor.</p>
<p>Todo List makes it easy to keep track of those tasks, all in the context of a particular post. You may also use it to add a publishing checklist to the post, such as using a headline analyzer, adding featured images, adding social images, etc.</p>
<h4>Transforms</h4>
<p>I’m a huge fan of blocks transforms and how they improve the WordPress publishing experience. Being able to morph a block into another, without loosing content/attributes, is a powerful way to level-up editing.</p>
<p>That saying, you may transform paragraph text, list items and even editorial comments added by Markdown Comment directly into actionable todos, just like you can in the iOS Notes app for example. You may even take multiple blocks of the sort and convert them all into a single todo list.</p>
<p>Todo List also supports block prefixes, which are keyboard shortcuts in a sense, to toss blocks in the editor with a few keystrokes. Adding <code>[]</code>, or <code>-[]</code> plus the <code>space</code> key will add a Todo List to the page.</p>


Todo List Block

It works as advertised, I just wish there were some more features such as:

- Font size & font color options (per list item).
- Option to also display on the front end.
- Option to indent each list item, so we can have "category" items. This (maybe) would  not be necessary if we had the choice to change the font color and size per list item.

On the other hand, this plugin as it is, is still very useful, and the zip file is only 16kb, so adding things in and multiplying the file size by a a lot, may be it won't be worth it.

Nevertheless, I am sticking to my 5 star rating for this.

Good Start.

Add todo lists to posts that render only within the block editor.

MarkDown Block vs Todo List Block