無料 Markdown to Image 変換

<h2>Product review snapshot</h2>
<h2>What changed</h2>
<ul>
<li>Markdown now renders on the client as styled HTML.</li>
<li>The preview sits inside a Ray.so-inspired export frame.</li>
<li>The final DOM node can be downloaded as a PNG image.</li>
</ul>
<h2>Notes</h2>
<blockquote>
<p>Keep the writing flow in Markdown, then export a visual artifact when the audience needs something easy to share.</p>
</blockquote>
<pre><code class="language-ts">const status = [&#39;draft&#39;, &#39;reviewed&#39;, &#39;ready&#39;]

export function publish(markdown: string) {
  return {
    html: markdown.trim(),
    state: status[2],
  }
}
</code></pre>
<table>
<thead>
<tr>
<th>Surface</th>
<th>Purpose</th>
</tr>
</thead>
<tbody><tr>
<td>Markdown</td>
<td>Fast editing</td>
</tr>
<tr>
<td>HTML preview</td>
<td>Visual review</td>
</tr>
<tr>
<td>PNG export</td>
<td>Sharing</td>
</tr>
</tbody></table>