主页 / coding / 问题 / 77715551
Accepted
Accepted
Asked: 2023-12-26 11:18:28 +0800 CST

使用 <font color="#xxx"> 突出显示 html 中的代码

  • 772

我想知道如何像这样在 html 中突出显示我的代码。

<font color="#1773cc">#include </font><font color="#4a6f8b">&lt;NTL/ZZ.h&gt;</font><br>
<br>
<font color="#b02f60"><b>using</b></font>&nbsp;<font color="#008b00"><b>namespace</b></font>&nbsp;std;<br>
<font color="#b02f60"><b>using</b></font>&nbsp;<font color="#008b00"><b>namespace</b></font>&nbsp;NTL;<br>
<br>
<font color="#008b00"><b>int</b></font>&nbsp;main()<br>
{<br>
&nbsp;&nbsp; ZZ a, b, c; <br>
<br>
&nbsp;&nbsp; cin &gt;&gt; a; <br>
&nbsp;&nbsp; cin &gt;&gt; b; <br>
&nbsp;&nbsp; c = (a+<font color="#ff8b00">1</font>)*(b+<font color="#ff8b00">1</font>);<br>
&nbsp;&nbsp; cout &lt;&lt; c &lt;&lt; <font color="#4a6f8b">&quot;</font><font color="#8a2ae2">\n</font><font color="#4a6f8b">&quot;</font>;<br>
}<br>

代码从这里

只是用来<font color="#xxxxxx">xxx<font>突出显示代码。
有没有一个工具可以实现这个，或者我必须手动编写它？
抱歉我的英语不好。

我尝试过一些工具，例如typora，vim，但这不是我想要的。
我想使用突出显示代码<font color="#xxxxxx">xxx<font>
是否有工具可以实现此目的，或者我必须手动编写它？

html

2 个回答

  1. Best Answer

    要突出显示您的 HTML 代码，您必须使用网站上的库。在那里您可以找到许多用于此目的的库，但我认为这是您可以拥有的最佳选择之一。

    https://highlightjs.org/

    请访问该链接并按照说明进行添加。

    PS：不建议自己写。

    • 0

  2. 您可以实现自己的语法荧光笔，或使用已经存在的东西。这是仅 CSS 荧光笔：https ://www.cssscript.com/css-only-syntax-highlighter/

    CSSScript 的预览：

    在此输入图像描述

    • 0

相关问题