Настройка исходного кода для определенных слов?

Настройка исходного кода для определенных слов?

Я хотел бы выделить некоторые конкретные слова для кода HTML5 вручную в LaTeX. Другими словами, я не хочу определять точную структуру для выделения языка, а делать выделение только для выбранных мной слов. Так что, скажем, для кода ниже я хочу сделать только 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}

введите описание изображения здесь

Конечно, пакет предлагает вам множество функций для выделения ключевых слов, комментариев и т. д. Пожалуйста, обратитесь к документации пакета.

Связанный контент