前面在自己博客弄代码高亮的时候使用了 Syntaxhighlighter ,后台的话是集成UEditor的,显示上没什么问题。主要问题在前台上,出现了超出边界,行号对不齐两个问题。如下图:
看上去很难看,后面网上搜了下,知道UEditor上也对这个地方也做过处理,所以后台显示出来正常,最后在UEditor的例子中发现他们在 SyntaxHighlighter.highlight() 加了段代码
for(var i=0,di;di=SyntaxHighlighter.highlightContainers[i++];){
var tds = di.getElementsByTagName('td');
for(var j=0,li,ri;li=tds[0].childNodes[j];j++){
ri = tds[1].firstChild.childNodes[j];
ri.style.height = li.style.height = ri.offsetHeight + 'px';
}
}
重新刷新下界面就能正常显示行号了。