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.

DAEXT

<p>Ultimate Markdown is a plugin for WordPress that allows you to create WordPress posts with the popular Markdown syntax.</p>
<p>Specifically, after installing the plugin, you will be able to:</p>
<ul>
<li>Create posts with perfectly formatted blocks from existing Markdown files or Markdown documents created with the plugin.</li>
<li>Instantly generate blocks from Markdown text.</li>
<li>Create and manage an unlimited number of Markdown documents in a dedicated plugin menu.</li>
<li>Import Markdown file in WordPress.</li>
<li>Create archives of Markdown files from the Markdown documents created with the plugin.</li>
</ul>
<p>Please note that this plugin requires the use of the default <a href="https://wordpress.org/support/article/blocks/">WordPress Blocks Editor</a>. With third-party visual editors or with the <a href="https://wordpress.org/plugins/classic-editor/">Classic Editor</a>, you will not be able to use most of the plugin functionalities.</p>
<h3>Pro Version</h3>
<p>We distribute the <a href="https://daext.com/ultimate-markdown/" rel="nofollow ugc">Pro version</a> of this plugin that includes more export options, REST API, additional Markdown parsers, document categories, and more.</p>
<h3>Additional post sidebar sections</h3>
<p>The plugin adds the following sections to the post sidebar.</p>
<h4>Import Markdown</h4>
<p>This section allows you to generate the blocks of a post from an uploaded Markdown file.</p>
<h4>Load Markdown</h4>
<p>Use this feature to create the blocks of a post from a Markdown document previously created with the plugin.</p>
<h4>Submit Markdown</h4>
<p>With this section, you can instantly transform Markdown text to blocks.</p>
<h3>Dedicated plugin menus</h3>
<h4>Documents</h4>
<p>This menu includes a Markdown editor with an HTML preview section. In addition, you will find functionalities to create, edit, duplicate or delete your Markdown documents.</p>
<h4>Import</h4>
<p>Import one or more Markdown files in the plugin with the upload form provided in this menu.</p>
<h4>Export</h4>
<p>With this menu, you can generate Markdown files from the Markdown documents stored in the plugin.</p>
<h3>Supported Markdown syntax</h3>
<p>The conversion from Markdown text to HTML is performed with <a href="https://github.com/markedjs/marked" rel="nofollow ugc">Marked</a>, a high-performance Markdown parser that supports documents written in the following <a href="https://github.com/commonmark/commonmark-spec/wiki/Markdown-Flavors" rel="nofollow ugc">Markdown flavors</a>.</p>
<h3>Front Matter</h3>
<p>The plugin supports Front Matter key-value pairs provided in the <a href="https://yaml.org/" rel="nofollow ugc">YAML</a> language. With this feature, you can configure specific post settings by providing their values at the beginning of the Markdown document.</p>
<p>Please see the <a href="https://daext.com/doc/ultimate-markdown/" rel="nofollow ugc">plugin documentation</a> for more information on the available Front Matter keys and practical examples.</p>
<h3>Credits</h3>
<p>This plugin makes use of the following resources:</p>
<ul>
<li><a href="https://github.com/cure53/DOMPurify" rel="nofollow ugc">DOMPurify</a> licensed under the <a href="https://www.apache.org/licenses/LICENSE-2.0" rel="nofollow ugc">Apache License Version 2.0</a></li>
<li><a href="https://github.com/markedjs/marked" rel="nofollow ugc">Marked</a> licensed under the <a href="http://www.opensource.org/licenses/mit-license.php" rel="nofollow ugc">MIT License</a></li>
<li><a href="https://github.com/select2/select2" rel="nofollow ugc">Select2</a> licensed under the <a href="http://www.opensource.org/licenses/mit-license.php" rel="nofollow ugc">MIT License</a></li>
<li><a href="https://getcomposer.org/" rel="nofollow ugc">Composer</a> licensed under the <a href="http://www.opensource.org/licenses/mit-license.php" rel="nofollow ugc">MIT License</a></li>
<li><a href="https://github.com/thephpleague/html-to-markdown" rel="nofollow ugc">HTML To Markdown for PHP</a> licensed under the <a href="http://www.opensource.org/licenses/mit-license.php" rel="nofollow ugc">MIT License</a></li>
<li><a href="https://github.com/mnapoli/FrontYAML" rel="nofollow ugc">FrontYAML</a> licensed under the <a href="http://www.opensource.org/licenses/mit-license.php" rel="nofollow ugc">MIT License</a></li>
</ul>


Ultimate Markdown

Using Markdown with Gutenberg is quite difficult. Markdown block from Jetpack is very limited, plugins proposing to edit in Markdown in a separate editor miss blocks philosophy.
As I prefer to work with my favorite Markdown Editor, Ultimate Markdown is a nice solution : it can import Markdown text in the post and convert the different elements in the relative block. A text paragraph will be a block text, a list a block list and so on. So the result is a real Gutenberg content.

The downside : you cannot convert back to Markdown the post content but it’s not a big deal for me.

Interesting management of Markdown

Ultimate Markdown is a plugin for WordPress that allows you to create WordPress posts with…

MarkDown Block vs Ultimate Markdown