
Ich möchte einige bestimmte Wörter für HTML5-Code manuell in LaTeX hervorheben. Mit anderen Worten, ich möchte keine genaue Struktur zum Hervorheben der Sprache definieren, sondern die Hervorhebungen nur für die Wörter vornehmen, die ich auswähle. Nehmen wir also an, ich möchte für den folgenden Code nur signin-login
Fett und Grün und nur type="text"
Fett und Rot machen, während der Rest des Codes gleich bleibt.
<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>
Wie kann ich das erreichen? Können Sie mir hierfür bitte ein kurzes funktionierendes Beispiel zeigen?
Antwort1
Eine Möglichkeit mit demlistings
Paket; da Sie anscheinend nur bestimmte Zeichenfolgen hervorheben möchten, können Sie zu LaTeX wechseln und die Farbgebung dort vornehmen (in meinem Beispiel habe ich das bera
Paket nur verwendet, um eine nichtproportionale Schriftart zu erhalten, die Fettdruck zulässt)
\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}
Natürlich bietet Ihnen das Paket viele Funktionen zum Hervorheben von Schlüsselwörtern, Kommentaren usw. Bitte beachten Sie die Paketdokumentation.