当前位置: > > > 让代码着色插件-syntaxhighlighter 重点高亮某些行

让代码着色插件-syntaxhighlighter 重点高亮某些行

syntaxhighlighter提供了代码着色功能,如果我们需要对某几行进行重点高亮显示,可以通过highlight属性来进行设置。
下面是将第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;
}
评论0