¿Personalización del código fuente para palabras específicas?

¿Personalización del código fuente para palabras específicas?

Me gustaría resaltar algunas palabras específicas para el código HTML5 manualmente en LaTeX. En otras palabras, no quiero definir una estructura exacta para resaltar el idioma, sino resaltar solo las palabras que selecciono. Entonces, digamos que para el código a continuación, solo quiero ponerlo en signin-loginnegrita y verde, y solo en type="text"negrita y rojo, mientras que el resto del código permanece igual.

    <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>

¿Cómo puedo conseguir esto? ¿Podría mostrarme un breve ejemplo práctico para esto?

Respuesta1

Una posibilidad utilizando ellistingspaquete; Dado que aparentemente solo desea resaltar algunas cadenas específicas, puede escapar a LaTeX y colorear allí (en mi ejemplo usé el berapaquete solo para tener una fuente monoespaciada que permita negrita)

\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}

ingrese la descripción de la imagen aquí

Por supuesto, el paquete le ofrece muchas funciones para resaltar palabras clave, comentarios, etc. Consulte la documentación del paquete.

información relacionada