我如何创建代码块,这是一种在网站上显示代码的好方法,因此人们也可以复制代码

时间:2019-01-29 19:17:17

标签: html css

我想在此处制作类似于蓝色矩形代码块的内容:是否有任何网站可以帮助将其嵌入,还是100%自定义的?任何帮助将不胜感激。

1 个答案:

答案 0 :(得分:1)

在基本级别上,您可以使用文本区域显示代码:

https://jsfiddle.net/qbgr17dx/

如果您想对代码块进行自动样式设置,可以使用PrismJS之类的JavaScript库,这将自动在网页上的代码块中突出显示语法和代码:

https://prismjs.com/

然后,您需要使用<code><pre> HTML标记,这样就可以将HTML输出并显示给用户,而不是Web浏览器尝试将其显示为代码/标记。