☰

针对特定词语的源代码定制？

tag-icon • tag-icon listings verbatim fancyvrb
针对特定词语的源代码定制？

我想在 LaTeX 中手动突出显示 HTML5 代码中的某些特定单词。换句话说，我不想定义用于突出显示语言的确切结构，而只对我选择的单词进行突出显示。因此，假设对于下面的代码，我只想将其设为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}

在此处输入图片描述

当然，该包为您提供了许多用于突出显示关键字、注释等的功能。请参阅包文档。

相关内容