[Tex/LaTex] Listings for Tikz code

listingstikz-pgf

I am trying to quote (not compile!) LaTeX code (including TikZ code) within a LaTeX document. The verbatim package works, but it doesn't wrap text and doesn't look very nice. So I am trying to use the package listings, but am having problems:

It is giving me issues on the quoted code when I try to compile, when it should just be treating it like text! I imagine this is because it is trying to color the syntax or something, but at this point that would be a bonus — I just want the code to look nice and wrap (and not compile within \begin{lstlisting}).

Also, it seems that the TikZ code that I use within a LaTeX document is also giving listings trouble.

\usepackage{listings}

\lstset{
language=TeX,                       
defaultdialect=empty,
basicstyle=\footnotesize,           
numbers=left,                           
numberstyle=\footnotesize,          
stepnumber=5,                           
numbersep=5pt,                      
backgroundcolor=\color{white},  
showspaces=false,                   
showstringspaces=false,             
showtabs=false,                     
frame=single,                   
tabsize=2,                  
captionpos=b,               
breaklines=true,                
breakatwhitespace=false,        
escapeinside={\%}{)}            
}


\begin{document}
The document begins.  A bunch of regular Latex code and TikZ pictures here.
\begin{lstlisting}

%Set domain, range, and scale of picture.
\begin{tikzpicture}[domain=0:100,range=0:200,scale=0.7,thick]
\usetikzlibrary{calc}

%Define linear parameters 
\def\inc{10}            %Total freight.
\def\pa{1}              %Price of x1.
\def\pb{1}              %Price of x2.
\def\panew{0.5}     %New price for x1.

% Define coordinates.
\coordinate (x2) at  (0,{\inc/\pb});
\coordinate (x1) at  ({\inc/\pa},0);
\coordinate (x1') at  ({\inc/\panew},0);

\end{lstlisting}
\end{document}

Note: I do not want the TikZ picture to render within \begin{lstlisting}, I just want to be able to show the code. Same with the the LaTeX code within it.

Is there a better way to tackle this?

Best Answer

You are explicitly requesting that everything from a % to the next ) be executed as LaTeX code, removing the line escapeinside={\%}{)} fixes this.

Related Solutions

[Tex/LaTex] Hiding code comments in listings

I'd just cheat, and specify commentstyle=\color{white}. This is even used in the manual :-) It does have the defect that if you print on non-white paper you'll see it, but that's usually not happening. Of course, if you have a non-white background, just use the background color instead.

Edit: For block comments, you can also use morecomment=[is]{/*}{*/}, where the i makes the comment completely invisible; however, this doesn't work for single-line comments, instead deleting all of the source code after the first single-line comment it finds.

[Tex/LaTex] Background images for code listings

As PolGab says, there is always a tikz way. Here is one that uses the infamous \tikzmark to mark the begin and end of the listing, and then adds an image clipped to the size of the listing:

enter image description here

Note:

This does require two runs. First one to determine the locations, and the second to do the drawing.
The \tikzmark is from Adding a large brace next to a body of text.

Issues:

This however has some serious issues:

A blank line is required before the listing (surprising result otherwise).
Not sure why the fudge facts were required, but they end up aligning the frame to pretty close to where the fram=tb option would have drawn the horizontal lines.

Code:

\documentclass{article}
\usepackage{listings}
\usepackage{graphicx}
\usepackage{tikz}
\usetikzlibrary{calc}
\usetikzlibrary{decorations.pathreplacing}

\newcommand{\tikzmark}[1]{\tikz[overlay,remember picture] \node (#1) {};}

\newcommand*{\AddBackgroundImage}[4][]{%
%\pgfmathsetmacrp{\height}{}%
    \begin{tikzpicture}[overlay,remember picture]
    \coordinate (VCenter) at ($(#2)!0.5!(#3)$);
    \coordinate (Fudge) at (-\pgflinewidth,0);
    \coordinate (VFudge) at (0,\baselineskip);
    %\draw [red, thick,fill=yellow, fill opacity=0.2]% for debugging
    \clip
            ($(#2)+ (Fudge) - 0.50*(VFudge)$) -- 
            ($(#2) + (\linewidth,0) - 0.50*(VFudge)$) -- 
            ($(#3) + (\linewidth,0) + 1.25*(VFudge)$) --
            ($(#3)+ (Fudge) + 1.25*(VFudge)$) -- cycle;
    \path (VCenter) -- ++($(0.5*\linewidth,0)$) 
    node [opacity=0.3, #1] {\includegraphics[width=\linewidth]{#4}};
    \end{tikzpicture}%
}%


\lstset{
    language=C,
    basicstyle=\small\sffamily,
    %frame=tb,
    numbers=left,
    xleftmargin=5.0ex,
    numberstyle=\tiny,
    numbersep=4pt,
    stepnumber=2,
    keywordstyle=\color{blue}\bfseries
    }

\lstset{emph={%  Adjust any special keywords
    printf%
    },emphstyle={\color{red}\bfseries}%
}%


\begin{document}
\noindent
Here is an example of listings with a background image:

\noindent% Line above MUST be blank
\tikzmark{Start}%
\begin{lstlisting}
/* Hello World program */

#include<stdio.h>

struct cpu_info {
    long unsigned utime, ntime, stime, itime;
    long unsigned iowtime, irqtime, sirqtime;
};

main()
{
    printf("Hello World");
}\end{lstlisting}
\tikzmark{End}
\AddBackgroundImage{Start}{End}{images/EiffelWide}%
%
\noindent
Some text afterwards.
\end{document}

Related Question