☰

針對特定單字的原始碼客製化？

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}

在此輸入影像描述

當然，該軟體包為您提供了許多用於突出顯示關鍵字、註釋等的功能。

相關內容