Google Code Prettify 代码高亮插件使用
封面图
•
2023-07-04
•
JavaScript
169
0
0
0
Google Code Prettify 是一款免费的代码高亮插件。它支持多种语言的代码高亮，可以帮助你将普通的文本代码转换成一个美观的代码块。 要使用 Google Code Prettify，你需要先添加一些CSS样式和JavaScript脚本。可以从Google Code Prettify官网下载这两种文件。将这两种文件引入到你的网页中，你可以使用下面的代码： ``` <head> <link rel="stylesheet" href="cssfile.css"> <script src="jsfile.js"></script> </head> ``` 然后，你需要在你要高亮的代码块外面包装一个< pre >标签，并且为它添加一个class="prettyprint"，这个class会让Google Code Prettify能识别出你要高亮的代码块，然后就可以正确的高亮你的代码了： ``` <pre class="prettyprint"> // 代码块 </pre> ``` 最后，你需要在页面最后调用prettyPrint()函数，这样Google Code Prettify才能自动的对你的代码块进行高亮： ``` <script> prettyPrint(); </script> ``` 这样，你就可以使用Google Code Prettify完成代码高亮了。
上一篇：
javascript监听input输入框值的实时变化
下一篇：
javascript刷新父页面
标题录入，一次不能超过6条
返回顶部
留言
留言
评论