問題タブ [pagedown]

ゲーム開発者がコードを共有するための Django Web サイトを作成しています。つまり、適切にフォーマットされたコードをデータベースに保存し、それを取得して表示できる必要があります。

これのためにDjangoに組み込まれているものはありますか、それともサードパーティのライブラリを使用する必要がありますか?

StackOverflow のマークダウン エディターをモデルにした Django pagedown widgetで遊んだことがありますが、いくつか問題がありました。

実際に pagedown ウィジェットを使用したり、これと同様の機能を実装したり、機能する別のライブラリを知っている人はいますか?

PageDownを使用して、Markdown テキストのプレビューを作成したいと考えています。しかし、<div contenteditable> </div>代わりにを使用する<textarea> </textarea>ので、どうすればそれを行うことができますか?

以下のコードを試しましたが、うまくいかないようです。

クライアント側とサーバー側でマークダウンを解析してサニタイズしようとしています。

• クライアント側では、PageDownをマークダウン エディターとして使用します。これはまさに StackOverflow が使用するものであり、気の利いたプレビュー ボックスが付属しています。このプレビュー ボックスにはサニタイズされた html が表示されるため、<div>タグなどは削除されます。

• サーバー側では、PegDownとJSoupを使用してマークダウンの解析とサニタイズを行っています。

ただし、2 つの出力が同じではないケースを見つけています。例えば：

入力マークダウン: how are <div>tags</div> treated?

PageDown 出力: <p>how are tags treated?</p>

PegDown/JSoup 出力:

私は JSoup で特別なことをしているわけではありません。これが私のコードです：

なぜこれが起こっているのか理解できますし、2 つの異なるシステムが 2 つの異なる出力を生成することに驚きはありません。私の質問は<div>、追加のタグを追加するのではなく、単にタグを削除するように JSoup をセットアップするにはどうすればよい<p>ですか?

私の最終的な目標は、サーバー側の解析/サニタイズで、クライアント側の解析/サニタイズと同様の結果が生成されるようにすることです。それを行うためのより良い方法があれば、私は提案を受け入れます。2 つの出力がまったく同じかどうかはあまり気にしませんが、余分な<p>タグなどはユーザーにとって非常に目立つので、この 1 つの大きな違いを排除しようとしています。

おまけの質問: PageDown が出力できる html タグと属性のリストはありますか?

編集: OWASP サニタイザーも使用してみましたが、非常によく似た結果が得られます。<div>タグは削除されますが、<p>タグは上記の方法で「修正」され、PageDown のサニタイザーとは異なる html になります。

フォーラムベースのウェブサイトを作成している学校のプロジェクトに取り組んでいます。PageDownとPrettifyを使用してテキストを処理しています。
しかし、今のよう<!--?prettify?-->に、コードをうまくスムーズにするためにコードを使用する必要がありますが、プログラムに<pre>、PageDown からのすべてのタグを prettify で自動処理するように指示できる方法はありますか?

自動 SyntaxHighlighter を使用することの欠点はありますか?

1＃可能な解決策ですが、私が考えていたものではありません：

$("pre").addClass("prettyprint");JavaScriptに追加できます。このコードはすべての pre タグに prettyprint クラスを付与しますが、この短いコードは Markdown プレビューでは機能しないため、私にとっては 50% の解決策にすぎません。

2# プレビューでは可能な解決策ですが、ユーザーフレンドリーではありません:

prettyPrint();ですべての<pre>タグを強調表示する関数を呼び出すことができることがわかりましたclass="prettyprint"。したがって、ソリューションをこれと組み合わせてsetInterval()(または のようなもの.click) を追加して呼び出しを行うと、Markdown プレビューで動作するものを取得できます。この方法はユーザー フレンドリーではないと思います。なぜなら、コンピューターの処理能力を大量に使用しているからです (私はそう思います) <pre>。
これはコードです：

.removeClass()なぜまたはhasClass()チェックがないのか疑問に思っている人がいれば、それ.addClass()は同じクラスを2回追加しないためです。

私はPageDown.jsを使用して、StackOverflow のように生の HTML をマークダウン スタイルで作成しています。私のコードは、nodejs で次のようになります。

rel="nofollow"次に、すべての外部リンクに追加する必要があります。残念ながら、PageDown 自体でその機能を確認することはできません。

ref="nofollow"すべての外部リンクに属性を追加する解決策を教えてください。

Angularjs モジュールng-showdownによるスタック オーバー フローマークダウンエディターの対決を使用しようとしています。

すべてが順調に進んでいますが、含まれている画像は実際の/元のサイズです。

テキストに収まるようにサイズを変更する方法は？

以下は、同じ問題を示しているダミーです。

どうもありがとう！！！