優れたMarkdown JavaScriptライブラリまたはコントロールはありますか?[閉まっている]


89

ユーザーがテキストを入力してMarkdownでフォーマットできるサイトを構築したいと考えています。私がJavascriptソリューションを希望する理由は、StackOverflowと同様にライブプレビューを表示したいためです。

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

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

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

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

回答:


33

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

私は(使用した簡単なJSPと一緒に!markItUpを使用MarkdownJを私のオープンソースプロジェクト(のいずれかの)マークダウンプラグインローラー)。別のサーバー側テクノロジーを使用している場合は、必要に応じてその単純なJSPを置き換えます。

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


MarkItUp!トグルとスティッキー選択を処理しません。これは私のオープンソースであるマークダウンのJavaScriptに基づいてテキストエディタ。これは、キーボードショートカット、カスタムダイアログ、カスタムドロップをサポートしており、また、書き込みユーザー奨励するためにいくつかのスマートなテキスト選択きちんとサポートしているマークダウン良い形式で構文: github.com/tovic/markdown-text-editor
タウフィックNurrohman

65

WMDにはかなり満足しています。ただし、いくつかの微妙なバグがあります。主要な何も、私は考え愛するない私たちはそれらのいくつかを修正することができますので、ジョン・フレイザー(作者)は、コードのオープンソースを作っている場合。彼はそうすることを約束されたが、他の現実のプロジェクトが邪魔になっている。

私は毎週ジョンとフォローアップしています。WMDソースが最終的に利用可能になったら、ブログに投稿します。John Fraserに1年以上連絡が取れていない。

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

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

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

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


答えをありがとうジェフ。WMDがオープンソースではないことに気づきませんでした。
webmat 2008

2
大きなセキュリティホールについては何をしましたか?例:<div onmouseover = "alert( 'hi');"> hi </ div>上記はWMDデモで機能します。
andrewrk 2010

1
@ superjoe30そのものはサーバーでフィルタリングされます。
エポックウルフ2011

@ superjoe30:参照meta.stackexchange.com/questions/95821/...を -同じことがJavaScriptのバージョンに適用されます
balpha

1
stackexchange.github.ioを見ると@DisgruntledGoatがリストにあり、最後のコミットが6か月前(2015年)であったことがわかります。
ロイック・フォーレ-ラクロワ

12

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


マークはまだ開発中で、最小化されたバージョンは23 KBしかありません。
Peter T.

7

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

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

そして、私が知る限り、両方について大きな不満はありませんでした(少なくともMarkdownメーリングリストにはありません)。だからそれのために行きます。



4

最近リリースされた Strapdown.jsは、「エレガントなMarkdownドキュメントを作成するのが恥ずかしいほど簡単になります。サーバー側のコンパイルは必要ありません。」



3

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

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

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

EpicEditor-現在も維持されており、柔軟なパーサーを備えており、以下に見られるように、作者は非常に反応が速いです(以下を参照)。ITにも適切なドキュメントがあるようです。残念ながらIE9で動作しません。

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

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


1
ライブプレビューは私のエディターpreview()で正常に動作します:)例としてフルスクリーンを開くか、単にキーダウンまたはタイムアウトで実行します。それはあらゆる種類のカスタマイズのために構築されています。
オスカーゴッドソン

1
それで、エディターの下は現在どのように機能するかです。プレビューをクリックすると、非表示のプレビューアが表示され、作成した内容で更新されます。入力すると、フルスクリーンがそれを実行します(sorta)。独自のプレビューアを作成するには、jsbin.com
Oscar Godson

1
傍受?あなたがすることができます:editor.on('save', function(file) { console.log(file.content) })それがあなたが意味することなら。これにより、ファイルが保存されるたびにファイルの内容が吐き出されます。
オスカーゴドソン

1
また、on('update')保存の代わりに使用することもできます。自動保存がオンになっている場合、保存は大量に実行されます。更新は、何かが変更されたときにのみ発生します。epiceditor.com/#events
オスカー

1
github.com/OscarGodson/EpicEditor/issues/137-これをローカルで実行しようとしていること、およびIE9がファイルを介してローカルストレージをローカルで使用することに対するセキュリティ制限があることを確認してください:\\\
Oscar Godson

2

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


2

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

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

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.