問題タブ [pre]

これは「pre」タグに関する長年の問題だと聞いています。タグ内にコード ブロックを表示する場合、 (左山かっこ)<pre>のすべてのインスタンスをエスケープする必要があります。<

これに対する自動修正はありますか？— (つまり) すべての投稿で のすべてのインスタンスを手動で置き換える必要がないよう<に。<

行に表示されるコードを強調表示する Javascript はありますか? <a href="code here">つまり、ここでもできることのようなものです。

そのためのプラグインは何ですか？

preCSSを介して要素の表示をエミュレートする方法はありますか？

たとえば、CSSルールを使用して、このdivの空白をそのまま維持できますか？

テキストエリア内にあるテキストを事前にフォーマットすることは可能かどうか疑問に思いました。現在、構文の強調表示と行番号を追加したいテキストエリアコードがあるので、テキストをpreタグ内にラップしようとしています。これは正しいですか、それとも完全に異なることをする必要がありますか？

次の問題があります: タグ pre を使用して情報を表示しています。

私のスタイル:

問題は、スタイルが.mazeMacOS の safari に適用されないことです。他のブラウザーや Windows のサファリではすべて問題ないことに注意してください。なにが問題ですか？

可能な方法:

また

他に何か？

いくつかの文字列があります (すべてアルファベットとまれな改行のみで、空白やその他の区切り記号はありません) セルの幅まで (ウィンドウのサイズによって異なります50%。例）。テーブルのセル幅に達したときにブラウザーが文字列をほとんど折り返さないようにするだけでなく、文字列内の改行文字も歓迎します。テーブル セルのコンテンツには、指定された固定の最小幅 (200px以下の例) が必要です。これにより、ウィンドウのサイズがさらに変更された場合に垂直スクロールが表示されます。ウィンドウが小さくなりすぎたこの瞬間を、このスクリーンショットに示します。

max-widthfor td( playground )を使用して FF10 で必要な動作を実現しましたが、IE で同じことを行うことはできませんmax-width。max-widthさらに、がオンに設定されている場合、非常に奇妙な動作をpreします。レンダラーは、コンテンツの実際の幅を無視し、preラップされていないと考えます (プレイグラウンド– FF と比較してください。同様の問題があちこちで報告されています)。最悪の場合は内容を厳密に固定してもOKです（ IE200pxなら適用すべきですが、適用しても効果はありません）。この修正を IE のみに適用するために、次の CSS を試しました。pretd

残念ながら、IE8 では動作しません。

対象ブラウザ：FF9（ans上位）、IE7、IE8、Chrome（最新）。

この問題が重複している場合は申し訳ありません:前のタグでテキストをラップするにはどうすればよいですか? を確認しました。、このリスト項目をワードラップするにはどうすればよいですか? 、max width を実行できません、Max-Width が IE7 および他の多くのテーブルで機能しません: IE には明確な解決策が見つかりません。

シンタックス ハイライターをインストールしましたが、それを機能させるには、タグを と のように記述する必要があり<ます>。私がする必要があるのは、すべての <<と > を>PRE タグ内のみに置き換えることです。

つまり、要するに、pre タグ内のすべての HTML 文字をエスケープしたいということです。

前もって感謝します。

color内の単一のテキストのを変更したい<pre>。colorしかし、テキスト全体のを変更したくありません

私は次の<pre>ようなスタイルを設定できることを認識しています:

しかし、それはテキスト全体に適用されます:(

どういうわけか a をエスケープし<span>て の中に入れて、次の<pre>ようなことができるようにすることはできますか?

そうでない場合、他にどのようなオプションがありますか?