web-dev-qa-db-ja.com

適切なMarkdown Javascriptライブラリまたはコントロールはありますか?

ユーザーがテキストを入力し、Markdownでフォーマットできるサイトを構築したい。 Javascriptソリューションが必要な理由は、StackOverflowのようにライブプレビューを表示するためです。

ただし、私のサイトは開発者を対象としていないため、エディターコントロールが理想的です。

StackOverflowで、WMDエディターが使用されていることを収集します。

Googleでクイック検索するとShowdownライブラリも表示されますが、実際にはWMDで使用されていると思います。

他のオプションはありますか? WMD/Showdownの優れたツールは既にありますか?さまざまなオプションについてどのような経験をしましたか?

89
webmat

Ajaxを使用してライブプレビューを生成することを嫌がっていない場合、別のオプションは markItUp! です。 markItUp!ユニバーサルマークアップエディターであり、非常に柔軟です。マークアップエディターを作成する簡単な方法を提供しますが、WMDとは異なり、独自のライブプレビューを提供しません。

オープンソースプロジェクトの1つに、シンプルなJSP( MarkdownJ を使用)とともにmarkItUp!を使用しました( RollerMarkdownプラグイン を使用) 。別のサーバー側テクノロジーを使用している場合は、必要に応じてその単純なJSPを置き換えます。

私は実際にWMDに出会う前にこれを使い始めました。私は同意します、WMDは素晴らしいですが、オープンソース化されたばかりであり、この段階では、動作をカスタマイズするのがより困難です。

33
myabc

WMDにはかなり満足しています。ただし、いくつかのバグがあります。メジャーなことは何もありませんが、ジョンフレイザー(著者)がコードをオープンソースにして、その一部を修正できるとしたら、loveになります。彼はそうすることを約束しましたが、他の現実のプロジェクトが邪魔になっています。

毎週ジョンにフォローアップしています。 WMDソースがついに利用可能になったら、ブログに投稿します。 ジョンフレイザーに1年以上連絡することができませんでした。

JavaScript Markdownライブラリの両方をオープンソースにしました

http://code.google.com/p/pagedown/

およびサーバー側のC#Markdownライブラリ

http://code.google.com/p/markdownsharp/

65
Jeff Atwood

マーク をお勧めします。これは、軽量で効率的で使いやすく、GitHub Flavored Markdown(GFM)もサポートしています。サーバー(nodejs)側またはクライアント(ブラウザー)側で使用できます。

12
malcomwu

私の知る限り、Markdown用のブラウザベースのエディターは他にありません。少なくともWMDエディターほど広範ではありません。

ShowdownはJSのMarkdownコンバーターで、WMDのHTMLプレビューの基礎を形成します。どちらも http://attacklab.net/ によって作成されています。

そして私が知る限り、両方について大きな苦情はありませんでした(少なくともMarkdownメーリングリストには載っていません)。どうぞ。

7
Lasar

Showdownという名前があり、現在ここでホストされています: https://github.com/coreyti/showdown

そして https://github.com/evilstreak/markdown-js :)

6
Bijan

最近リリースされた であったStrapdown.jsは、「エレガントなMarkdownドキュメントを簡単に作成できるようにします。サーバー側のコンパイルは不要です。」

4
g33kz0r

これはテストしていませんが、別のオプションがあります。

マークダウンwysiwyg

3
VirtuosiMedia

質問は今ではさらに古くなっていますが、言及されたコードの多くは数年前のものであるため、さらに関連性があります。

しかし、私はまだ最新のように見えるいくつかを見つけました:

Jquery-Markedit -これはかなり前にwmd-editから分岐され、jQueryを使用するようにリファクタリングされました。一見良いようです。

EpicEditor -も維持され、柔軟なパーサーを備えており、以下に示すように、作成者は非常に反応がよい(以下を参照)。 IT部門にも優れたドキュメントがあるようです。悲しいことにIE9で動作していません。

MarkdownDeep は、現在の3番目のオプションです。これに関する興味深い点は、Markdown Extraのサポートです。 JQueryに依存しています(実際、JQueryなしで実装することもできます)。 .NETバージョンに基づいているため、ドキュメントはJSバージョンよりもドキュメントに合わせられています。これはIE9でも機能します。非常に使いやすく(JQueryを使用)、非常にシンプルです。私の知る限りでは、これで大きな進展はありません。

js-markdown-extra は、PHPライブラリのかなり正確なポートであり、まだメンテナンス中です。もちろん、Markdown Extraをサポートしています。

3
Julian Knight

質問は古代ですが、うまくいけばこれが誰かを助けるかもしれません。最近、自分のJavascriptマークダウンエディター edit の作業バージョンを公開しました。ソースコードは こちら にあります。ほとんどのブラウザ(IE6 +を含む)で動作し、外部JSライブラリに依存しません。

2
schmrz

MarkDown seudo-WYSIWYGを提供するという私自身のニーズを解決するためにいくつかのプラグインを試した後、私は自分のプラグインの実装を終了しました。

ここでコメントしたすべてのソリューションほど強力ではないかもしれませんが、シンプルで統合とカスタマイズが簡単なものはないと思います

2
fguillen