扫一扫分享
Rainbow是一个用Javascript编写的代码语法高亮库。它的设计重量轻(约2.5kb),易于使用且可扩展。它完全可以通过css实现。
1.为要显示的代码添加标记:
<pre><code data-language="python">def openFile(path):
file = open(path, "r")
content = file.read()
file.close()
return content</code></pre>
2.引入css
<link href="/assets/css/theme.css" rel="stylesheet" type="text/css">
3.引入js:
<script src="/assets/js/rainbow.js"></script>
<script src="/assets/js/language/generic.js"></script>
<script src="/assets/js/language/python.js"></script>
4.node中的安装
npm install --save rainbow-code
使用如下
var rainbow = require('rainbow-code');
var highlighted = rainbow.colorSync('// So meta\nrainbow.colorSync(\'var helloWorld = true;\');', 'javascript');
console.log(highlighted);
手机预览