SyntaxHighlighter 3.0.83代码高亮插件siteserver配套前端代码高亮显示插件找遍全网国内只有2.1的很不方便,这是我从国外巴拉下来的,不需要工具栏直接复制解决了很多麻烦
相邻栏目数: 个
当前栏目内容数: 篇
当前文章浏览总次数: 次
最后一次浏览时间:
当前文章发布时间:
SyntaxHighlighter 3.0.83代码高亮插件siteserver配套前端代码高亮显示插件找遍全网国内只有2.1的很不方便,这是我从国外巴拉下来的,不需要工具栏直接复制解决了很多麻烦
如果后台的富文本框跟下图类似,直接用就行如果没有自行在前端添加(brush:js js为你写的代码语言)
#lt;pre#nbsp;class="brush:html;toolbar:false"#gt;您的代码#lt;/pre#gt;
引入富文本选中时的代码js和样式(js可精简替换为你自己需要的代码js)
#lt;script type="text/javascript" src="scripts/shCore.js"#gt;#lt;/script#gt; #lt;script type="text/javascript" src="scripts/shBrushBash.js"#gt;#lt;/script#gt; #lt;script type="text/javascript" src="scripts/shBrushCpp.js"#gt;#lt;/script#gt; #lt;script type="text/javascript" src="scripts/shBrushCSharp.js"#gt;#lt;/script#gt; #lt;script type="text/javascript" src="scripts/shBrushCss.js"#gt;#lt;/script#gt; #lt;script type="text/javascript" src="scripts/shBrushDelphi.js"#gt;#lt;/script#gt; #lt;script type="text/javascript" src="scripts/shBrushDiff.js"#gt;#lt;/script#gt; #lt;script type="text/javascript" src="scripts/shBrushGroovy.js"#gt;#lt;/script#gt; #lt;script type="text/javascript" src="scripts/shBrushJava.js"#gt;#lt;/script#gt; #lt;script type="text/javascript" src="scripts/shBrushJScript.js"#gt;#lt;/script#gt; #lt;script type="text/javascript" src="scripts/shBrushPhp.js"#gt;#lt;/script#gt; #lt;script type="text/javascript" src="scripts/shBrushPlain.js"#gt;#lt;/script#gt; #lt;script type="text/javascript" src="scripts/shBrushPython.js"#gt;#lt;/script#gt; #lt;script type="text/javascript" src="scripts/shBrushRuby.js"#gt;#lt;/script#gt; #lt;script type="text/javascript" src="scripts/shBrushScala.js"#gt;#lt;/script#gt; #lt;script type="text/javascript" src="scripts/shBrushSql.js"#gt;#lt;/script#gt; #lt;script type="text/javascript" src="scripts/shBrushVb.js"#gt;#lt;/script#gt; #lt;script type="text/javascript" src="scripts/shBrushXml.js"#gt;#lt;/script#gt; #lt;link type="text/css" rel="stylesheet" href="styles/shCore.css"/#gt; #lt;link type="text/css" rel="stylesheet" href="styles/shCoreDjango.css"/#gt; #lt;script type="text/javascript"#gt; SyntaxHighlighter.all(); #lt;/script#gt;
前端指定对应的代码刷
#lt;pre class="brush:js;"#gt; #nbsp;#lt;/pre#gt;
附件里面有详细demo(47个js 34个样式 巴拉不容易,且行且珍惜)