Test

Ein Test zu LuaLaTeX
\documentclass[DIV=9,BCOR=0mm,parskip=half,paper=a4,pagesize=automedia]{scrartcl}
\usepackage{dejavu}
\usepackage[ngerman]{babel}
\usepackage[T1]{fontenc}
\usepackage{textcomp}
\usepackage{inputenc} %[utf8]
\title{\glqq Hallo Welt\grqq}
\author{anonymous}
\begin{document}
\maketitle
\end{document}
Minimaler noch funktionierend! Test A

<h6>Minimaler noch funktionierend! Test A</h6>
<pre><code class="language-MirDochEgal"><span class="token">..    A ..</span>
<span class="token">..    B ..</span>
<span class="token">..    C ..</span>
</code></pre>

..	A ..
..	B ..
..	C ..
Minimaler noch funktionierend! Test B

<h6>Minimaler noch funktionierend! Test B</h6>
<pre class="language-latex" tabindex="20"><code class="language-latex">
<span class="token text">..     A ..</span>
<span class="token text">..     B ..</span>
<span class="token text">..     C ..</span>
</code></pre>


.. 	A ..
.. 	B ..
.. 	C ..
Minimaler noch funktionierend! Test C

<h6>Minimaler noch funktionierend! Test C</h6>
<pre tabindex="30"><code class="language-c">
<span class="token ">..     A ..</span>
<span class="token ">..     B ..</span>
<span class="token ">..     C ..</span>
</code></pre>


.. 	A ..
.. 	B ..
.. 	C ..
Minimaler noch funktionierend! Test D

<h6>Minimaler noch funktionierend! Test D</h6>
<pre class="language"><code class="language-css">
<span class="token">..     A ..</span>
<span class="token">..     B ..</span>
<span class="token">..     C ..</span>
</code></pre>


.. 	A ..
.. 	B ..
.. 	C ..
For Deleting the empty line the first SPAN line behind opening.
.. 	A ..
.. 	B ..
.. 	C ..

Happy Coding

<pre>
   <code class="language-css">

      ::placeholder {
          color: var(--placeholder);
          opacity: 1;
      }

   </code>
</pre>

Noch eine Variante:

  <pre class="language-markup line-numbers" tabindex="0"><code class="language-css"><span class="token tag"><span class="token punctuation">&lt;</span>pre<span class="token punctuation">&gt;</span></span>
   <span class="token tag"><span class="token punctuation">&lt;</span>code <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>language-css<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
_
      ::placeholder {
          color: var(--placeholder);
          opacity: 1;
      }
_
   <span class="token tag"><span class="token punctuation">&lt;/</span>code<span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token punctuation">&lt;/</span>pre<span class="token punctuation">&gt;</span></span></code></pre>

Wenn nun aber < oder > im Code enthalten ist wird es lustig ;-)
<div class="scrolltop-wrap">
    <a href="#" role="button" aria-label="Nach Oben Rollen">
        <svg height="48" viewBox="0 0 48 48" width="48" height="48px" xmlns="http://www.w3.org/2000/svg">
            <path id="scrolltop-bg" d="M0 0h48v48h-48z"></path>
            <path id="scrolltop-arrow" d="M14.83 30.83l9.17-9.17 9.17 9.17 2.83-2.83-12-12-12 12z"></path>
        </svg>
    </a>
  </div>
</div>
Der CODE mit < &lt; oder > &gt; dann:

<pre class="line-numbers"><code class="language-http">
<span class="token">&lt;div class="scrolltop-wrap"&gt;</span>
<span class="token">    &lt;a href="#" role="button" aria-label="Nach Oben Rollen"&gt;</span>
<span class="token">        &lt;svg height="48" viewBox="0 0 48 48" width="48" height="48px" xmlns="http://www.w3.org/2000/svg"&gt;</span>
<span class="token">            &lt;path id="scrolltop-bg" d="M0 0h48v48h-48z"&gt;&lt;/path&gt;</span>
<span class="token">            &lt;path id="scrolltop-arrow" d="M14.83 30.83l9.17-9.17 9.17 9.17 2.83-2.83-12-12-12 12z"&gt;&lt;/path&gt;</span>
<span class="token">        &lt;/svg&gt;</span>
<span class="token">    &lt;/a&gt;</span>
<span class="token">  &lt;/div&gt;</span>
<span class="token">&lt;/div&gt;</span>
</code></pre>

Kommentare