☰

특정 단어에 대한 소스 코드 사용자 정의?

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}

여기에 이미지 설명을 입력하세요

물론 패키지는 키워드, 설명 등을 강조하는 많은 기능을 제공합니다. 패키지 설명서를 참조하세요.

관련 정보