您可以结合使用<pre> 和<code> 标记将latex代码（或任何代码）直接插入编辑器。

这个<pre> 标签将保留您的换行符和<code> 标记将告诉浏览器显示代码，而不是将其呈现为html。

这里有一个例子。

<pre>
    <code>
        \\documentclass{article}
        \\usepackage{tikz}
        \\usepackage{circuitikz}

        \\begin{document}
            \\begin{figure}[h!]
            \\begin{center}
                \\begin{circuitikz}
                \\draw (0,0)
                to[V,v=$U_q$] (0,2) % The voltage source
                to[short] (2,2)
                to[R=$R_1$] (2,0) % The resistor
                to[short] (0,0);
                \\end{circuitikz}
                \\caption{My first circuit.}
            \\end{center}
            \\end{figure}
        \\end{document}
    </code>
</pre>

如果您使用的是WP 5+，则可以将其直接放在编辑器的HTML块中。您的主题可能有也可能没有特定的代码样式，但如果需要，您可以添加CSS来设置这些标记的样式。

您还可以使用第三方“语法突出显示”工具，这些工具预先打包，带有在web上显示代码的样式。例如https://github.com/google/code-prettify