0

いくつかのcssコードを強調表示したいのですが、preタグを使用したくありません。preタグに基づく多くのメソッドを見てきましたが、そのタグを使用したくありません。他にどのようなメソッドを使用して、preタグを強調表示できますか。構文。

ありがとう。

4

4 に答える 4

2

シンタックスハイライトを試しましたか？
構文の強調表示に役立つ多くの機能があります。

ちなみになぜ<pre>タグを使いたくないのですか？これは、空白などの構文を保持するHTML内の唯一のタグです。

<script>シンタックスハイライトはタグと一緒に使用することもできます。ここを参照してください。

于 2012-06-02T08:26:29.000 に答える
1

このpre要素は、構文の強調表示とは何の関係もありません。強調表示するために、その要素内でテキストレベルのマークアップと通常はCSSも使用します。そこで使用しているツールが何であれ、要素内で使用することもできます。divたとえば、pまたはblockquote。

このpre要素は、スペースと改行を保持するという意味で、事前にフォーマットされたテキスト用です。white-space: pre同じことを実現するために、CSSで使用できます。副作用として、pre等幅フォントも使用されます。このために、CSSなどを使用することもできfont-family: Consolas, Courier New, monospaceます。HTMLマークアップなどを使用することもできます。または、CSSコードに等幅フォントを使用する理由がないと判断する場合もあります。

于 2012-06-02T09:35:42.073 に答える
1

頭にCDNを追加する

<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/highlight.js/8.1/styles/default.min.css">
<script src="http://cdnjs.cloudflare.com/ajax/libs/highlight.js/8.1/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>

そして最後にページに追加するだけです

<pre>
  <code class="C#"> 
    public ActionResult Index() {
        return View();
    }
 </code>
</pre>

それはあなたがインターネット上のあなたのサイトである限りあなたがダウンロードするためにcssを必要としないということです。

于 2014-08-08T16:32:30.387 に答える
0

StackOverflowと同じライブラリを使用できます：google-code-prettify。

コードスニペットを<code>...</code>タグの代わりにタグ内に配置することができ、<pre>...</pre>非常に簡単に使用できます。

于 2012-06-02T08:38:41.970 に答える