どこにでも貼り付けられるHTML。

右側のペインには、変換結果がテキストで表示されます。左側の用紙を描画するものと同じエンジンが生成します。moriのコアにあるhtml_documentは、デスクトップアプリで書き出すときに呼び出される関数です。左側を編集すると、次のキー入力でHTMLも更新されます。

4つの組み合わせはすべてエンジンから生成されます。デスクトップアプリが書き出すスタイルシート付きの完全な文書、スタイルシートなしの同じ文書、本文マークアップのみです。このページでは、文字列操作でエンジンの出力を分割していません。

相対画像

![mark](assets/mark.png)と書いた画像は、変更されずに相対srcへ変換されます。これは正しい動作ですが、貼り付け結果が壊れる最も一般的な原因でもあります。HTMLが同じファイルフォルダーの隣に置かれた場合にだけ、パスが解決されるためです。自分で管理する静的サイト以外に貼り付ける前に、Markdown内の画像パスを絶対URLにしてください。変換時にはそのまま引き継がれます。

コードのハイライト

フェンス付きコードは要素上に言語情報を保持し、色付けは文書のスタイルブロックに含まれます。スタイルを取り除いても、構造、間隔、等幅表示を保ったコードとして残りますが、単色になります。スタイルを削除してもハイライトを残すには、トークンごとのインラインスタイルが必要で、文書はかなり重くなります。moriはそれを出力しません。

インラインスタイルとスタイルブロック

完全な文書には、head内に1つの<style>ブロックがあり、その下にクラスのない簡潔なマークアップが続きます。これはブラウザで開いたりページとしてホストしたりするファイルには適した形ですが、2つの場所には適していません。head全体を削除することが多いメールクライアントと、保存時にスタイルブロックを取り除くCMSエディタです。その場合は、本文のみの出力に貼り付け先のスタイルを組み合わせるのが適しています。

壊れる場所とその理由

タブの外には出ません

エンジンはWebAssemblyにコンパイルされ、このページ内で実行されます。Markdownがアップロードされることはなく、アカウントも必要ありません。タブを閉じると、文書はこのブラウザ内だけに残ります。