有可能制作像markdown for html中那样的代码块吗



Markdown支持非常有用的代码块。通过指定我们想要的语言(如``cpp(,我们也可以自动高亮显示颜色语法。示例如下所示。

#include <iostream>
int main(){
printf("hello");
}

所以,我的问题是如何在html文件上执行此操作?

我已经知道你可以制作代码块,有了这个-><pre><code> write here </code></pre>,但我想要语法高亮显示功能。

如有任何指导,我们将不胜感激。谢谢

您可能希望使用像highlight.js 这样的库

否则,您将不得不将每个关键字、变量、函数名、运算符等封装在它们自己的span标记中,并应用类,为每种支持的语言中的每一个不同事物创建一个颜色模式
除了使用库(或创建自己的库,以取乐(之外,这相当乏味。

FYI:有没有想过右键单击并检查示例中的元素?您的示例结果如下HTML:

<pre class="lang-cpp s-code-block hljs"><code><span class="hljs-meta">#<span class="hljs-meta-keyword">include</span> <span class="hljs-meta-string">&lt;iostream&gt;</span></span>
<span class="hljs-function"><span class="hljs-keyword">int</span> <span class="hljs-title">main</span><span class="hljs-params">()</span></span>{
<span class="hljs-built_in">printf</span>(<span class="hljs-string">"hello"</span>);
}
</code></pre>

正如你所看到的,这将是非常乏味的创建自己,所以使用一个库。

最新更新