問題タブ [pagedown]

textareaにidを指定する必要があるPagedownを使用しwmd-inputます。それは次のように書かれていますMarkdown.Editor.js：

ただし、textareasのIDが異なるプロジェクトのさまざまな場所でエディターを使用する必要があります。したがって、id属性の代わりにclassを使用すると便利です。どうすればこれを達成できますか？

jQueryインライン編集プラグイン Jeditableを使用しています。ありがたいことに、Jeditable は、すぐに使用できるインライン編集を拡張するためのプラグイン機能を提供します。

私は車輪を再発明しないことを望んでいます.Jeditable用のPageDownプラグインはすでに存在しますか？私のGoogle-fuが結果を出していない場合。

StackExchangeサイトは、質問と回答を書き込むためにMarkDown構文を使用します。これは、クライアント側でPageDownを使用し、サーバー側でMarkDownSharpとJeffのHTMLサニタイザーを使用して構築されています。自分とよく似たものを作ろうと思っています。

サーバー側でHTMLをサニタイズする必要がある理由を理解しています。しかし、MarkDownSharpの目的は何ですか？クライアント側でPageDownを使用してMarkDownからHTMLに変換し、それをサーバーに送信しないのはなぜですか？

非常に単純な例でページをロードするたびに、私は得る

キャッチされていない TypeError: null のプロパティ 'attachEvent' を読み取ることができません。Markdown.Editor.js:273

私のChromeコンソールログに。

Firebugで私は得る

これらのエラーが発生する理由と解決方法を教えてください。

エディター内で直接ファイルをアップロードできるように、独自のinsertImageDialogフックを作成しました。

これは、初めて画像を挿入するときに正常に機能します。

その後は毎回、次の例外で失敗します。

Uncaught TypeError：nullのメソッド'removeChild'を呼び出すことができませんMarkdown.Editor.js：1683 commandProto.doLinkOrImage.linkEnteredCallback Markdown.Editor.js：1683self.initMarkdownEditor.editor.hooks.set。$。ajaxfileupload.onComplete

アップロードはエディターの外部では正常に機能するため、コールバックに関するある種のスコープの問題であるとしか思えません。

一日のほとんどの間、これの上に私の髪を引っ張ってきました。

MarkItUp! を組み合わせようとしています。と PageDown があり、これまでのところうまく機能しています。MIU を使用してエディターを作成し、カスタム関数を使用してテキストを解析していますMarkdown.Converter.js。

ただし、関数を使用する理由は、MIU がサーバーからテンプレートをロードせず、iframeプレビューに使用される新しいテンプレートを作成するだけです。XSS が原因でその iframe に CSS を適用できないため、これは問題です。

MIU でクライアント側の解析とカスタム テンプレートを使用することは可能ですか? コードから判断すると、これはオプションではないようですが、おそらく誰かがこの問題を解決しようとしたことがありますか? また、プレビューを完全に処理するためのオプションも表示されません (これで問題が解決する可能性もあります)。

注: 問題のオプションは ですpreviewParser。

私はmath.stackexchange.comのものとほとんど同じように見えるはずのUIを実装しています:

1. stackoverflowで慣れ親しんだような派手な Markdown の使用
2. $...記号の間で MathJax を使用して数式を解析して$います。

そこで、PageDown のデモをダウンロードしてセットアップしました。これは非常にうまく機能します。ここで、変更のたびに MathJax が動的に読み込まれるようにし<textarea>ます。

MathJax にはこのアプローチの例がありますが、実行できません。これは「私の」コードがどのように見えるかです:

このスニペットは、keypressイベントが発生するたびにプレビューを更新する必要があります。代わりに、ページのオンロードではテックスは正常にレンダリングされますが、入力を開始するとすぐに$...$コードがプレビューボックスに出力されます。

ここでスタック オーバーフローで使用されている Markdown エディターの Pagedown 実装を使用しており、私のプロジェクトでは Django を使用しています。私が抱えている問題は<、Markdown コード セクションのような特殊文字が Django によってエスケープされているが、Pagedown によってコードとして扱われ、<.

次のようなコード スニペットを入力すると:

以下の適切なプレビューが表示されます。HTMLエンティティではなく、データベースに<も適切に保存されます<。

ただし、このコメントを新しいページに出力しようとすると、Django はこれらの特殊文字を自動的にエスケープします。

自動エスケープをオフにしようとしましたが、これは正しい動作のようです。

コード コメントとして、Django はこれをエスケープせず、この JavaScript コードを実行します。しかし、その後、Pagedown がこれをコード タグに変換するときに、<pre>このセクションの周りにタグを追加するため、コードは次のように表示されます。

適切なエスケープされていない文字を表示するコード セクションを取得するにはどうすればよいですか? また、これを安全に記述して、任意の JavaScript コードを実行しないようにするにはどうすればよいですか? おそらく、Django に保存されたコメントを出力して (エスケープして)、すべてをアンエスケープしてから、すべての非コード セクションを再度エスケープすることができるようです。

これを行うためのより良い方法はありますか?

Pagedown と MarkdownSharp でマークダウン エディターを使用しています。

MarkdownSharp には「AutoNewlines」というオプションがあります。

Pagedown (http://code.google.com/p/pagedown/) でこれを行う方法を知りたいです。

ありがとうございました！

ページダウンエディターを使用しています。プレビューを生成するために使用しているコードは次のとおりです。

入力にテキストを入力している間：

動的に生成された出力プレビューは期待どおりになり、次のようになります。

次に、コンテンツ (以下に示す純粋な入力テキスト) がデータベースに保存されます。

サーバー側では、ページがレンダリングされる前に、このmarkdownsharp ライブラリ v1.13.0.0を使用して、データベース テキストから取得したテキストを変換しています。変換後、ここで見つけた Jeff Atwood のコードを使用して html をサニタイズしています。

変換とサニタイズ プロセスは次のとおりです。

unsafeHtml含む

safeHtml含む

これは次のようにレンダリングされます。

したがって、サニタイズと 2 番目のリンクは期待どおりに変換されました。残念ながら、最初のリンクはもはやリンクではなく、単なるテキストです。これを修正するには？

おそらくより良いアプローチは、サーバー側の変換を使用するのではなく、javascript を使用してページにマークダウン テキストをレンダリングすることですか?