webdevqa.jp.net

HTMLページにコード(具体的にはC ++)を表示するにはどうすればよいですか?

HTMLを使用してWebサイトにコードを表示するにはどうすればよいですか?基本的に、自分のWebサイトで共有したいC++プログラムがあり、それをページに表示したいと思います。

HTMLテキストを使用する以外にHTMLでC++コードを表示する方法はありますか?

12
hhdgfdg

SyntaxHighlighter を使用できます。さまざまな言語の特定の構文を強調表示して、ページ上のコードサンプルを目立たないように拡張します。

これがC++の例です

<head>
  <link href="css/shCore.css" rel="stylesheet" type="text/css" />
  <link href="css/shThemeDefault.css" rel="stylesheet" type="text/css" />
</head>

<body>
  <pre class='brush: cpp'>
  // my first program in C++
  #include <iostream>
  using namespace std;

  int main ()
  {
    cout << "Hello World!";
    return 0;
  }
  </pre>

  <script src="js/shCore.js"></script>
  <script src="js/shBrushCpp.js"></script>
  <script>
    SyntaxHighlighter.all()
  </script>
</body>
8
jessegavin

そこにはさまざまな構文ハイライターがあります。 Google Code Prettify はかなり良いものです。 (とにかく、Stack Overflowを使用するには十分です。)

8
David

HTMLには <code> というタグが含まれています。これは、説明する目的のためのものです。

この仕様には、コードの言語を示すためのクラス名規則の例も含まれています。

<pre><code class="language-Pascal">var i: Integer;
    begin
        i := 1;
    end.</code></pre>

このような規則をサポートしているWebブラウザ(Chromeに来てください)は知りませんが、他の回答で言及されているJavaScript構文ハイライターはそれを使用して魔法を働かせることができます。

例でわかるように、<code>タグは通常<pre>タグでラップされます。これにより、コードにとって重要なことが多い空白が保持されます。

8
Paul D. Waite