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.

An, Hyeong-woo

<p>The plugin get markdown file URL like github raw content url. The plugin convert markdown file to html, and put it to post content.</p>
<p>It also provide text mode that write markdown in post edit page. Markdown text converted to html is put to editor. Text mode don’t use url.</p>
<p>이 플러그인은 마크다운 파일의 URL을 받아서 html로 변환하고 그걸 포스트 내용으로 집어넣습니다.<br />
기트허브 원본 내용 URL 같은 것을 활용할 수 있습니다.</p>
<p>포스트 편집 페이지에서 마크다운 텍스트를 작성하는 방법도 제공합니다. 마크다운 텍스트는 html로 변환돼 에디터에 들어갑니다.<br />
텍스트 모드를 사용하는 경우 URL은 사용하지 않습니다.</p>
<p><strong><a href="https://www.youtube.com/watch?v=wKcrIvlGVfo" rel="nofollow ugc">See intro video.</a></strong></p>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/wKcrIvlGVfo?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<h4>Now you can migrate from Public link to Dropbox API</h4>
<p>I made up Mytory Markdown for Dropbox plugin. The plugin access Dropbox using API. So I divide the plugin to Mytory Markdown for Dropbox.<br />
Now you can install it in plugin page. This video describe how to migrate Public link to Dropbox API.</p>
<p>Install Mytory Markdown for Dropbox and activate it. Then see a video below.</p>
<p>[Youtube https://www.youtube.com/watch?v=ZmPWMBvGuS4]</p>
<p>If the video doesn’t be show, <a href="https://www.youtube.com/watch?v=ZmPWMBvGuS4" rel="nofollow ugc">click this to go to how to migration video</a>.</p>
<h4>이제 Public 링크를 드롭박스 API로 이전할 수 있습니다</h4>
<p>Mytory Markdown for Dropbox 플러그인을 만들었습니다. API를 이용해서 드롭박스에 접속하는 플러그인입니다. 별도로 만들었습니다.<br />
지금 플러그인 페이지에서 검색해 설치할 수 있습니다. 아래 비디오는 퍼블릭 링크를 드롭박스 API로 이전하는 방법을 설명합니다.</p>
<p>Mytory Markdown for Dropbox 플러그인을 설치한 뒤, 활성화하고 아래 비디오를 보세요.</p>
<p>(비디오는 위에서 보세요.)</p>
<h4>Features</h4>
<ul>
<li>This plugin get markdown file url like github raw content url. It convert markdown file to html, and put it to post content.</li>
<li>You can update post <strong>by editing file on your computer</strong>. e.g. <strong>By push your content to github</strong>. Of course, you can edit directly from github website.</li>
<li>If post was updated once, plugin check only URL server’s ETAG not full content. It is for speed.<br />
If ETAG was changed, plugin get new content and update post content. Or do nothing.</li>
<li>The plugin only pass converted html content to editor. Saving is WordPress’s work. So revision history is preserved.</li>
<li>The plugin is compatible with other plugins. Because the plugin updates only post content html. This doesn’t touch <code>the_content</code> process(vary plugins touch the process).</li>
<li>You can use <a href="http://michelf.ca/projects/php-markdown/extra/" rel="nofollow ugc">markdown extra syntax</a>.</li>
<li>It provide markdown editor that can use in post editing page instead of url.</li>
</ul>
<h4>Logic</h4>
<h4>On admin page</h4>
<p>On admin write page, put markdown url path. And click ‘update editor’ button. So markdown content converted to html is putted to editor. <a href="https://wordpress.org/plugins/mytory-markdown/screenshots/" rel="ugc">See screenshot 1</a>.</p>
<h4>On view page</h4>
<p>This plugin get file url(Github raw content url is recommended). And save header’s etag to postmeta and converted html to post_content.<br />
Next time on request same post, first this plugin olny get http etag.<br />
If changed etag, get md content and save again, or get html from post_content.</p>
<h4>This plugin divide title and content from md file</h4>
<p>If markdown file has <code>h1</code> this plugin puts first <code>h1</code> string to post_title. Of course, remove the <code>h1</code> from post_content so don’t print title twice.</p>
<h4>Source Code</h4>
<p><a href="https://github.com/mytory/mytory-markdown" rel="nofollow ugc">Mytory Markdown Github</a></p>
<h4>You can use Multimarkdown 6</h4>
<p>You can use the Muitimarkdown if you install it on your server. ((Website)[https://fletcher.github.io/MultiMarkdown-6/])</p>
<ol>
<li>
<p>Multimarkdown option will be enabled if a multimarkdown execution is on OS PATH and web server can run it.</p>
</li>
<li>
<p>Otherwise, you can define <code>MYTORY_MARKDOWN_MULTIMARKDOWN_EXECUTION</code> constant on <code>wp-config.php</code>.<br />
ex) <code>define('MYTORY_MARKDOWN_MULTIMARKDOWN_EXECUTION', '/opt/multimarkdown/bin/multimarkdown');</code></p>
</li>
</ol>


Mytory Markdown

The plugin get markdown file URL like github raw content url. It convert markdown file to html, and put it to post content.

MarkDown Block vs Mytory Markdown