SiteServer

SS CMS 内容管理系统 开源、跨平台、企业级

快速创建在Windows,Linux、Mac或者 Docker上运行的网站及微信公众号

内容信息

相邻栏目数:

当前栏目内容数:

当前文章浏览总次数:

最后一次浏览时间:

当前文章发布时间:

本栏目近期文章
本栏目热点文章

SyntaxHighlighter 3.0.83代码高亮插件siteserver配套前端代码高亮显示插件找遍全网国内只有2.1的很不方便,这是我从国外巴拉下来的,不需要工具栏直接复制解决了很多麻烦

✒ 作者:杨泽鹏⊙ 时间:2020-11-30⊙ω⊙ 浏览量( )★分类:SiteServer



如果后台的富文本框跟下图类似,直接用就行如果没有自行在前端添加(brush:js     js为你写的代码语言)

#lt;pre#nbsp;class="brush:html;toolbar:false"#gt;您的代码#lt;/pre#gt;



image.png


引入富文本选中时的代码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个样式 巴拉不容易,且行且珍惜)

巴拉网站(https://cdnjs.com/libraries/SyntaxHighlighter

分类标签
近期文章
热点文章