問題タブ [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.
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タグにも同じことを行うのを忘れていました。
html - HTML - プレタグ内のフォームタグ
フォーマット済みタグ内にフォームタグをどのように配置しますか?
ありがとう
html - CSS要素を次のように動作させることは可能ですか?
iframe内にコンテンツを読み込んでいます。このコンテンツをタグ内にあるかのように動作させたい、<pre>
つまり改行を尊重するようにしたい。このiframeのbody要素のスタイルを設定するためにjavascriptを使用しています。
このiframeの本体が内部のように動作する特定のスタイルを設定できるかどうか疑問に思っています<pre/>
。
html - HTMLで囲まれたテキストの空白インデントを保持する方法の現在のインデントレベルを除くタグドキュメント内のタグ?
ドキュメント内のタグ?
Webサイトにコードを表示しようとしていますが、空白のインデントを正しく保持するのに問題があります。
たとえば、次のスニペットが与えられます。
これは、ブラウザに次のように表示されます。
次のように表示したい場合:
違いは、HTMLpreタグの現在のインデントレベルがコードのインデントに追加されていることです。私は静的なウェブサイトジェネレーターとしてnanocを使用しており、構文の強調表示も追加するためにgoogleprettifyを使用しています。
誰かが何か提案をすることができますか?
jquery - jqueryを使用してpreタグのテキストを設定する方法
キャリッジリターンのある生のフォーマット済みテキストを保持するためにpreタグを使用しています。ページが最初に表示されたとき、それはうまく見えます。後で、事前データだけを更新したいと思います。jqueryでこれを行う2つの方法を試しました。1つは.html()を使用し、もう1つは.text()を使用します。どちらも機能しますが、.htmlはキャリッジリターンを破棄し、.textはキャリッジリターンをダブルスペースにします。.val()も試しましたが、まったく機能しませんでした。コードは次のとおりです(もちろん、一度に1つのjquery行のみを使用します)。
しばらくして、
c# - 正規表現を使用して Pre タグ内の Html を置き換えます
preタグ内のHtmlを置き換えるにはどうすればよいですか? 私は正規表現でそれをしたいと思います
jquery - 設定でキャレットの位置が失われるTAB キーを押したときの要素
私は自分のウェブページに を持っpre
ていて、を押したときにcontentEditable="true"
追加しようとしています。そのための他のプラグインをいくつか見つけましたが、それらは でしか機能していませんでした。"\t"
<TAB>
<textarea>
したがって、問題は、<pre>
jQuery を使用してテキストを追加すると、キャレットの位置が失われることです。私はそれが焦点を失っていると確信していましたが、そうではありません。だから$("pre").focus()
、何もしません。
最初にぼかしてみましたが、ブラウザーによってキャレットが異なる位置に返されるため、これは実用的ではありません。助けてください... :P、
私のコードはここにあります: http://jsfiddle.net/parisk/kPRpj/
html - HTML をコードとして表示
コードが HTML としてデータベースに保存されているコードをユーザーが共有できるようにする単純なサイトを作成しました。例えば
私が抱えている問題は、データベースが吐き出すものをラップして<code><pre></pre></code>
もHTMLがレンダリングされ、表示するコードとして扱われないため、他の人がサイトに表示することです。これを回避するために使用する必要があることを読みました>
が、ユーザーが生のコードを共有し、そのようなコードを html エンティティに変換することを開始できないため、これは実現不可能です! どうすればこれを修正できますか? ありがとう。
これを DB に挿入するフォームのコードは次のとおりです: http://pastebin.com/i3pn2AjT
そして、これは私が現在それを表示する方法です:
<div class="code">
<pre>
<?php echo get_post_meta($posts_post_id, 'post_code', true); ?>
</pre>
</div>
html - HTMLドキュメント内にHTMLタグを表示するにはどうすればよいですか?
私は単にそのようなものを作りたいです:
私は長い間これを試みてきましたが、何らかの理由でコードとpreタグを配置するたびに、本来の機能が実行されません。それらはコンテンツのフォーマットを解除します-タグは表示されませんが、フォーマットは表示されません。たとえば、私は書いた:
abcは太字ではないように見えますが、タグ自体が見えません。どうやってやるの?&fdaf;のようなエンティティは使いたくない 入ってくるテキストを書いていませんので
html - 改行InternetExplorer7の要素
ASP.NETMVC3プロジェクトに次のコードがあります。
検証の概要には、モデルで指定されているエラーメッセージが表示されます。そして、モデルはリソースファイルからエラーメッセージを取得します。
エラーメッセージの1つでは、改行(Shift + Enter)を使用します。
これらの改行はFirefoxとChromeで正しく表示されますが、InternetExplorer7では表示されません。
これを修正できますか?