どうを追加する前のタグの中にコードタグjQuery?
-
08-06-2019 - |
質問
私は利用しよう jQuery
フォーマットコードブロック、具体的には、追加 <pre>
タグ内に <code>
タグ:
$(document).ready(function() {
$("code").wrapInner("<pre></pre>");
});
Firefox用のフォーマットが正しくでIEを全体のコードブロックする。場合を追加するアラート
alert($("code").html());
いたように、これまでとは違ったIEの挿入を追加テキスト入りのタグ:
<PRE jQuery1218834632572="null">
まブラウザで表示し、以下のjQuery変わります。
を利用した場合、 wrap()
の代わりに wrapInner()
, と、を包む <pre>
外の <code>
タグ、IE、Firefoxの取扱を用い、正しく表してください。がない <pre>
作 内部 <code>
でも見ることができますか?
いりませんので、予めご wrapInner()
ることができるからそれがすべてのCSSクラスの <pre>
タグのすべてに対処するためのフォーマットが使用すれば wrap()
, 思い入れページのフォーマットを作成し、CSSの記 <pre>
タグのテキスト-フォントのフォーマットの <code>
タグ、またはFirefoxおよびIEの両方にチョーク.な対応が、今後は、いつまでも守り続けていきますので簡単に可能です。
していた。私何かが足りない?
解決
ことになるとの違い ブロックおよびインライン ます。 pre
ブロックレベル要素.でない法律で内 code
タグ、 などを含めないでくださいインラインコンテンツ.
でブラウザにおいて支援いgodawfulタグの出汁でいかにリアル、web、Firefoxということができる。IEが取り扱いに異なるスカベンジャー-ハントの仕;挙動のその場合は指定できない。
- があります。 交換 の
code
要素のpre
?(このブロック/インライン課題、技術的にうける場合、要素内 要素に"流れ"コンテンツ, がブラウザの立場から展開させていただきたいものしています。 - なぜなのでし
code
要素にしたい場合は、pre
's的に振る舞えるのでしょうか? - きもの
code
要素pre
'sの空白文字を保存電力のCSSwhite-space: pre
, るのだそう IE6のみを表彰する厳格モード.
他のヒント
ちなみないわからない場合は、関連するものの前のタグの内部コードにシーンタグを検証しません厳格モードになります。
を使用していま最新のjQuery?何をしようとした場合
$("code").wrapInner(document.createElement("pre"));
まりやんですか同じ結果?
としてmarkpascに説明したように、PRE要素の内部コードの要素をすることはできません。を変更するHTMLコードを使用 <pre><code> るものとし、その書式設定済みのブロックを含むコードを直接HTMLコードブロックとなります。
を使用できるhtml()をラップする
$('code').each(function(i,e)
{
var self = $(e);
self.html('<pre>' + self.html() + '</pre>');
});
上記のように、うまでもよく変更ます。でもこのソリューション。