使用 tikz 在页面边缘绘图

使用 tikz 在页面边缘绘图

首先我要说的是,我知道我的设计很荒谬。:)我有以下文件。

\documentclass{article}

\usepackage{tikz}
\usepackage{soul}

\newcommand{\customhl}[1]{\hl{#1}~\tikz[baseline=-2pt]{\draw[draw=none,fill=red] (-0.5,0.2) rectangle (0.5,-0.2);\node at(0,0) {cool!};}}

\begin{document}
\section{First}
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. \customhl{At vero eos et accusam et justo duo dolores et ea rebum.} Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
\subsection{Second}
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. \customhl{Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.} Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

\end{document}

这将产生以下输出:

我在每个突出显示的句子旁边都贴上了“酷!”这个标签,但我更希望将此标签放在页面右边距上,与突出显示的文本开头垂直。如下所示:

也就是说,我需要教 tikz 在边缘上绘图。有什么想法可以实现吗?

先感谢您!

答案1

tikz以下是使用和包的解决方案tikzpagenodes

\documentclass{article}
\usepackage{tikz}
\usepackage{tikzpagenodes}
\usepackage{soul}
\newcommand{\customhl}[2][cool!]{%
  \begin{tikzpicture}[overlay,remember picture]
    \node[fill=red,anchor=base west]
    at (0,0 -| current page marginpar area.north west)
    {#1};
  \end{tikzpicture}%
  \hl{#2}
}
\begin{document}
\section{First}
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy
eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam
voluptua. \customhl{At vero eos et accusam et justo duo dolores et ea
  rebum.} Stet clita kasd gubergren, no sea takimata sanctus est Lorem
ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing
elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna
aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo
dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus
est Lorem ipsum dolor sit amet.
\subsection{Second}
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy
eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam
voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet
clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit
amet. \customhl[hot!]{Lorem ipsum dolor sit amet, consetetur sadipscing
  elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore
  magna aliquyam erat, sed diam voluptua. At vero eos et accusam et
  justo duo dolores et ea rebum.} Stet clita kasd gubergren, no sea
takimata sanctus est Lorem ipsum dolor sit amet.
\end{document}

在此处输入图片描述

相关内容