扫一扫分享
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);
仅供个人学习参考/导航指引使用,具体请以第三方网站说明为准,本站不提供任何专业建议。如果地址失效或描述有误,请联系站长反馈~感谢您的理解与支持!
手机预览