Webサイトにマークダウンエディタを組み込みたい。そうだ!「SimpleMDE」を使おう! | unitopi – ユニトピ –

どうもイマグマです。 タイトルみたいな状況、よくありますよね? 今回は、JavaScriptで簡単にサイトにマークダウンエディタが組み込める「SimpleMDE」とマークダウン記法の文書の表示時の変換ライブラリ「Marked」をご紹介します。 SimpleMDEとは JavaScript製のマークダウンエディタです。 SimpleMDE is a simple, embeddable, and beautiful JS markdown editor SimpleMDE 使用感はDemoページでお試しください。 特徴 書きながら何となくスタイルが分かる シンプルでそれでいて編集中の文字のスタイリングもそこそこ美しいのです。 ツールバーが付いている ツールバーも標準で付いているので、記法を忘れたときにも優しいですね。 フルスクリーン表示とリアルタイムプレビュー 行数や単語数が標準でフッターに表示される エディタらしさであり、意外と便利機能でもあるステータスフッターが標準でついています。 埋め込みが簡単。オプションも豊富。 README.mdを見ていただければ分かると思いますが、埋め込みはとっても簡単です。 さらに、多彩なオプションで色んなことができます。 よく使いそうなものだけ後ほど説明します! 公式ドキュメント 早速サイトに埋め込む こんなHTMLを用意しました。 test </script

情報源: Webサイトにマークダウンエディタを組み込みたい。そうだ!「SimpleMDE」を使おう! | unitopi – ユニトピ –