☰

特定の単語のソースコードをカスタマイズしますか?

tag-icon • tag-icon listings verbatim fancyvrb
特定の単語のソースコードをカスタマイズしますか?

HTML5 コードの特定の単語を LaTeX で手動でハイライト表示したいです。つまり、言語をハイライト表示するための正確な構造を定義するのではなく、選択した単語のみをハイライト表示したいのです。以下のコードでは、signin-login太字と緑、type="text"太字と赤のみにして、コードの残りの部分はそのままにしておきたいとします。

    <form id="navbar-loginform" class="navbar-form navbar-right hidden">
    <div class="form-group">
    <input id="signin-login" highlight="" placeholder="Username" class="form-control" type="text">
    </div>
    <div class="form-group">
    <input id= "signin-password" highlight="" placeholder="Password" class="form-control" type="password">
    </div>
    <button highlight="" type="submit" class="btn btn-success">Sign in</button>
    </form>

これを実現するにはどうすればいいでしょうか？簡単な動作例を見せていただけますか？

答え1

一つの可能​​性としては、listingsパッケージ; どうやら特定の文字列だけを強調表示したいようなので、LaTeX にエスケープしてそこで色付けを行うことができます (私の例では、bera太字を可能にする等幅フォントを使用するためだけにパッケージを使用しました)

\documentclass{article}
\usepackage{xcolor}
\usepackage{listings}
\usepackage{bera}% for boldfaced typewriter font

\lstset{
basicstyle=\ttfamily,
columns=fullflexible,
breaklines=true,
escapeinside={@|}{|@}
}

\begin{document}

\begin{lstlisting}
    <form id="navbar-loginform" class="navbar-form navbar-right hidden">
    <div class="form-group">
    <input id="@|\color{red}\bfseries signin-login|@" highlight="" placeholder="Username" class="form-control" @|\color{green!70!black}\bfseries type="text"|@>
    </div>
    <div class="form-group">
    <input id= "signin-password" highlight="" placeholder="Password" class="form-control" type="password">
    </div>
    <button highlight="" type="submit" class="btn btn-success">Sign in</button>
    </form>
\end{lstlisting}

\end{document}

ここに画像の説明を入力してください

もちろん、このパッケージには、キーワードやコメントなどを強調表示するための多くの機能が用意されています。パッケージのドキュメントを参照してください。

関連情報