Personalização do código-fonte para palavras específicas?

Personalização do código-fonte para palavras específicas?

Gostaria de destacar algumas palavras específicas para código HTML5 manualmente em LaTeX. Ou seja, não quero definir uma estrutura exata para realçar o idioma, mas sim realçar apenas as palavras que selecionar. Então, digamos que para o código abaixo, eu só quero deixar signin-loginnegrito e verde, e apenas type="text"negrito e vermelho, enquanto o resto do código permanece o mesmo.

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

Como posso conseguir isso? Você poderia me mostrar um pequeno exemplo prático para isso?

Responder1

Uma possibilidade usando olistingspacote; já que aparentemente você só quer destacar algumas strings específicas, você pode escapar para o LaTeX e colorir lá (no meu exemplo usei o berapacote apenas para ter uma fonte monoespaçada permitindo negrito)

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

insira a descrição da imagem aqui

Claro, o pacote oferece muitos recursos para destacar palavras-chave, comentários, etc. Consulte a documentação do pacote.

informação relacionada