如何用syntaxhighlighter显示高亮代码
答案:2 悬赏:0 手机版
解决时间 2021-02-15 11:50
- 提问者网友:玫瑰园
- 2021-02-15 03:08
如何用syntaxhighlighter显示高亮代码
最佳答案
- 五星知识达人网友:底特律间谍
- 2021-02-15 03:18
下载syntaxhighlighter最新版本3.0.83这个插件。<br>在页面引入核心js和css,这里我要对js代码高亮,所以引用了JScript.js这个文件。<br><br><link rel="stylesheet" type="text/css"href="css/SyntaxHighlighter.css"/> <br><script type="text/javascript"src="js/shCore.js"></script> <br><script type="text/javascript"src="js/shBrushJScript.js"></script> <br>把代码写到一个<pre>或者<textarea>标签里,如图。<br>需要注意是这里的name和class属性,name是需要通过插件获取才能应用高亮样式,class设置语言的类别及样式选择。<br><br>[html] view plaincopy<br><pre name="code"class="js"> <br>function a(){ <br> alert("a"); <br>} <br></pre> <br>在页面底部加上<br>[javascript] view plaincopy<br><scripttype="text/javascript"> <br>dp.SyntaxHighlighter.HighlightAll('code');//这里的‘code’ 为上面放置代码的容器 <br></script> <br><br>另外附上语言的别名。<br>C++ cpp, c, c++<br>C# c#, c-sharp, csharp<br>css css<br>Delphi delphi, pascal<br>Java java<br>Java Script js, jscript, javascript<br>PHP php<br>Python py, python<br>Ruby rb, ruby, rails, ror<br>Sql sql<br>VB vb, vb.net<br>XML/HTML xml, html, xhtml, xslt<br>class允许配置的选项。<br>nogutter 将不会显示行号<br>nocontrols 将不会在顶部显示控制器<br>collapse 将默认折叠代码<br>firstline[value] 行计数开始值。默认值是 1<br>showcolumns 将在第一行显示行列<br>这些选项和别名放置在一起,使用冒号 : 字符分隔。<br><br><pre name="code"class="html:nocontrols:firstline[10]"> <br> <html> <br> <body></body>
全部回答
- 1楼网友:雪起风沙痕
- 2021-02-15 04:39
wordpress 先判断下是否登录,然后获取当前用户对象,然后获取当前用户对象的信息,需要哪些用哪些: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 if(is_user_logged_in()){ $current_user = wp_get_current_user(); /** * @example safe usage: $current
我要举报
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
点此我要举报以上问答信息
大家都在看
推荐资讯