問題タブ [pre]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
9 に答える
39424 参照

html - HTML
タグは改行を引き起こします

CSSを使用して(JQueryを介して、ただしこの質問には関係ありません)、HTMLファイル内の特定の要素を強調表示しています。「pre」タグを使用してファイル内の論理要素を分離していますが、「pre」タグに気づきました。要素間に改行を残すようです。

CSSを使用してこれらを取り除くことはできますか?

(または、「pre」タグの代わりに何を使用しますか?テキスト要素にはHTML要素が含まれている可能性があります:これはレンダリングされるべきではなく、文字通りソースコードとして表示される必要があります:したがって、「pre」タグを使用した最初の選択)

これが私が使用しているHTMLの例です:(この例にはhttp://docs.jquery.com/Downloading_jQueryが必要です)

Firefox3.6.12を使用しています。上記のコードの結果は次のとおりです。 代替テキスト

そして、これは私が欲しいもののシミュレートされた出力です(これにvimエディターを使用したという理由だけで、黄色に切り替えました。赤いふりをしてください!)

代替テキスト

解決:

すべてのPREタグに「display:inline」を使用します。(以前は、上記の例では「display:inline」を「error」タグにのみ適用していましたが、「ok」preタグにも同じことを行うのを忘れていました。

0 投票する
1 に答える
1097 参照

html - HTML - プレタグ内のフォームタグ

フォーマット済みタグ内にフォームタグをどのように配置しますか?

ありがとう

0 投票する
4 に答える
17757 参照

html - CSS要素を次のように動作させることは可能ですか?

iframe内にコンテンツを読み込んでいます。このコンテンツをタグ内にあるかのように動作させたい、<pre>つまり改行を尊重するようにしたい。このiframeのbody要素のスタイルを設定するためにjavascriptを使用しています。

このiframeの本体が内部のように動作する特定のスタイルを設定できるかどうか疑問に思っています<pre/>

0 投票する
11 に答える
46127 参照

html - HTMLで囲まれたテキストの空白インデントを保持する方法
の現在のインデントレベルを除くタグ
ドキュメント内のタグ?

Webサイトにコードを表示しようとしていますが、空白のインデントを正しく保持するのに問題があります。

たとえば、次のスニペットが与えられます。

これは、ブラウザに次のように表示されます。

次のように表示したい場合:

違いは、HTMLpreタグの現在のインデントレベルがコードのインデントに追加されていることです。私は静的なウェブサイトジェネレーターとしてnanocを使用しており、構文の強調表示も追加するためにgoogleprettifyを使用しています。

誰かが何か提案をすることができますか?

0 投票する
4 に答える
33519 参照

jquery - jqueryを使用してpreタグのテキストを設定する方法

キャリッジリターンのある生のフォーマット済みテキストを保持するためにpreタグを使用しています。ページが最初に表示されたとき、それはうまく見えます。後で、事前データだけを更新したいと思います。jqueryでこれを行う2つの方法を試しました。1つは.html()を使用し、もう1つは.text()を使用します。どちらも機能しますが、.htmlはキャリッジリターンを破棄し、.textはキャリッジリターンをダブルスペースにします。.val()も試しましたが、まったく機能しませんでした。コードは次のとおりです(もちろん、一度に1つのjquery行のみを使用します)。

しばらくして、

0 投票する
2 に答える
1869 参照

c# - 正規表現を使用して Pre タグ内の Html を置き換えます

preタグ内のHtmlを置き換えるにはどうすればよいですか? 私は正規表現でそれをしたいと思います

0 投票する
4 に答える
950 参照

jquery - 設定でキャレットの位置が失われる
TAB キーを押したときの要素

私は自分のウェブページに を持っpreていて、を押したときにcontentEditable="true"追加しようとしています。そのための他のプラグインをいくつか見つけましたが、それらは でしか機能していませんでした。"\t"<TAB><textarea>

したがって、問題は、<pre>jQuery を使用してテキストを追加すると、キャレットの位置が失われることです。私はそれが焦点を失っていると確信していましたが、そうではありません。だから$("pre").focus()、何もしません。

最初にぼかしてみましたが、ブラウザーによってキャレットが異なる位置に返されるため、これは実用的ではありません。助けてください... :P、

私のコードはここにあります: http://jsfiddle.net/parisk/kPRpj/

0 投票する
2 に答える
2120 参照

html - HTML をコードとして表示

コードが HTML としてデータベースに保存されているコードをユーザーが共有できるようにする単純なサイトを作成しました。例えば

私が抱えている問題は、データベースが吐き出すものをラップして<code><pre></pre></code>もHTMLがレンダリングされ、表示するコードとして扱われないため、他の人がサイトに表示することです。これを回避するために使用する必要があることを読みました&gt;が、ユーザーが生のコードを共有し、そのようなコードを html エンティティに変換することを開始できないため、これは実現不可能です! どうすればこれを修正できますか? ありがとう。

これを DB に挿入するフォームのコードは次のとおりです: http://pastebin.com/i3pn2AjT

そして、これは私が現在それを表示する方法です: <div class="code"> <pre> <?php echo get_post_meta($posts_post_id, 'post_code', true); ?> </pre> </div>

0 投票する
8 に答える
27562 参照

html - HTMLドキュメント内にHTMLタグを表示するにはどうすればよいですか?

私は単にそのようなものを作りたいです:

私は長い間これを試みてきましたが、何らかの理由でコードとpreタグを配置するたびに、本来の機能が実行されません。それらはコンテンツのフォーマットを解除します-タグは表示されませんが、フォーマットは表示されません。たとえば、私は書いた:

abcは太字ではないように見えますが、タグ自体が見えません。どうやってやるの?&fdaf;のようなエンティティは使いたくない 入ってくるテキストを書いていませんので

0 投票する
1 に答える
649 参照

html - 改行
InternetExplorer7の要素

ASP.NETMVC3プロジェクトに次のコードがあります。

検証の概要には、モデルで指定されているエラーメッセージが表示されます。そして、モデルはリソースファイルからエラーメッセージを取得します。
エラーメッセージの1つでは、改行(Shift + Enter)を使用します。
これらの改行はFirefoxとChromeで正しく表示されますが、InternetExplorer7では表示されません。

これを修正できますか?