让代码着色插件-syntaxhighlighter 重点高亮某些行
syntaxhighlighter提供了代码着色功能,如果我们需要对某几行进行重点高亮显示,可以通过highlight属性来进行设置。
下面是将第4行和第5行进行高亮显示:
下面是将第4行和第5行进行高亮显示:
<pre class="brush:as3;toolbar:false;highlight:[4,5]"> [Inject] public var injector:IInjector; [Inject] public var mediatorMap:IMediatorMap; [Inject] public var commandMap:IEventCommandMap; [Inject] public var moduleConnector:IModuleConnector; </pre>效果如下:
[Inject] public var injector:IInjector; [Inject] public var mediatorMap:IMediatorMap; [Inject] public var commandMap:IEventCommandMap; [Inject] public var moduleConnector:IModuleConnector;对应高亮行的背景色可以通过修改css文件里下面的样式来调整:
.syntaxhighlighter .line.highlighted.alt1, .syntaxhighlighter .line.highlighted.alt2 { background-color: #FDFDDF !important; }