問題タブ [pre]

インデントされたコードをコードエディタで行うのと同じようにWebページでラップすることは可能ですか？私が何を意味するかをよりよく理解するには、以下のスクリーンショットの比較を参照してください。

pre-wrapWebページ：

コードエディタでのインデントされた行の折り返し：

私が示唆しているのは、インデントされた行は、折り返した後でもインデントを維持するということです。これはWebページでは発生しないようです。これを行うCSSプロパティはありますか？（JavaScriptも問題ありません。）

注：ここでは、コードの強調表示については話していません。折り返し線のインデントについてです。

これが重要な場合—これが私のWebページにコードブロックを表示する方法です。

...そしてwhite-space: pre-wrap;スタイルはpreタグに適用されます。

私は式エンジンフィールドを使用して、<pre>要素と[code]マークアップを使用してコードサンプルを投稿していますが、このフィールドも抜粋として使用しています。抜粋では、これらのpre要素内のすべてを削除したいと思います（または、<pre>要素に到達したら、なんとかして停止します。これを行う方法を知っている人はいますか？私の抜粋コードは次のとおりです。

コードを含むサンプルエントリは次のとおりです。

私はマングースにこのスキーマを持っていますが、アップデートでプレを使用すると、このエラーが発生します。

フルエラー

ノート：

• pre('save' WORKS
• post('update' エラーをスローせず、機能しません

<pre>タグ内のすべてが1行にあるXMLサンプルコードのブロックがあります。プログラムで複数行に分割してからインデントを追加したいと思います。

サンプルコードは、各タグの左右の山かっこを置き換えるHTML特殊文字で既にフォーマットされています。

jQueryオブジェクトとしてロードすることにより、jQueryを使用してコードを操作する予定です。しかし、各タグの後に改行を入力するにはどうすればよいですか？両方とも\n、<br>テキストとして印刷されることになります。なぜなら、それはですから<pre>。基本的に、リターンキーで改行を入力したときにIDEで何が起こるかをシミュレートしたいと思います。何かご意見は？

更新：.html（）を使用し\nて、この更新されたjsfiddleに示されているように動作させました：http：//jsfiddle.net/SPms3/17/

私は本のモデルを持っています。これがそのスキーマです

本の商品が作成されると、商品の価格が元の価格よりも低い場合、本の最低価格を更新する必要があります。元の最低価格を知る必要があるためBook.update()、事前保存フックをスキップする は使用できませんが、Book.findById(id).select('lowestPrice')更新するよりも本を見つけるために使用します。問題は、フィールドを選択したくないということでしたtitle。したがって、事前保存フックに関しては、未定義のエラーがTypeError発生しました。this.title事前保存フックをスキップする方法はありますか?

pre次のような改行でフォーマットされた要素 がいくつかあります。

pre最初の要素に次を適用すると:

IE8 では、これにより改行が失われ、次のようになります。

Chrome では、上記の jQuery は期待どおりに効果がありません。

例: http://jsfiddle.net/6mkAa/

IE でこの奇妙な動作の原因を知っている人はいますか? pre処理中に書式設定が失われることなく、要素のコンテンツを編集したいと考えています。

Rails3.2アプリケーションでtinymceを使用しています。configのtinymce.ymlにプラグインとしてpreを追加しました。ただし、コードセグメントを追加するためにUIに表示されるボタンは無効になっているように見えます。なんで？私のページにはjavascriptまたはcssエラーはまったくありません。

IE7では、タグ内の複数の改行（<br />またはを使用）により、IE7は区切りを1つの区切りに折りたたむことができます。これを示すために、次のHTMLコードを使用できます。<br><pre>

結果は次のようになります:(IE7の場合）

そして、結果は次のようになります:(他のブラウザの場合：FFなど）

ご覧のとおり、タグ自体を使用display: block;して修正できます。<br />ただし、問題は、他のブラウザーでは機能しなくなることです。したがって、IE7は実際には主要なブラウザーではなく、将来的には使用されないため、IE7の修正にすぎず、役に立たないということです。

これは単なるコメントであり、タグの代わりにタグ<pre>でCSSコードを使用する方が適切です。同様の動作をシミュレートするために、CSSハックや特定の方法を使用せずに、クロスブラウザ方式でこれを修正する方法について質問します。ブラウザを対象としたCSSコード。<div>white-space: pre-wrap;word-wrap: break-word;

次のスタイルの pre 要素があります。

要素をスクロールするときにpre、右のパディングが無視されるのはなぜですか? 長い行を折り返す必要はありません。この動作が必要です (仕様に基づくと予想される動作ではありませんが、Webkit では動作するようです): http://jsfiddle.net/joshnh/Ly5kz/

ライブの例へのリンクは次のとおりです。

ラップしたい内部テキストである pre タグのセットにいくつかのデータがあります。私は次のCSSでこれを達成しています:

ただし、前のタグを表のセルに入れると、これは機能しなくなります。データはすべて 1 行に収まります。

white-space: pre-wrap オプションがあることは承知していますが、C# の WebBrowser コントロールでこの CSS を使用しており、常に IE7 のようにレンダリングされ、pre-wrap プロパティが機能していないように見えます。

pre タグの CSS をテーブル セル内で動作させる方法を知っている人はいますか? それとも可能かどうか？

テーブルを使用する代わりの提案を受け入れますが、複数のセルを含む行を持つという意味でテーブルを複製する必要があり、それぞれの高さが最大のセルに一致するように成長します。