关于百度编辑器代码编辑模式行号的问题

从不吃馍 2017-05-01 01:47:55
看图,代码不换行的情况下,行号正常


窗口自适应变小的情况下,代码自动换行,行号就不对劲了


怎么让行号根据右面的代码换行而自动往下移呢
...全文
283 2 打赏 收藏 转发到动态 举报
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
从不吃馍 2017-05-01
  • 打赏
  • 举报
回复
楼上的是从网上找的一段代码,据说能获取代码行高,然后赋值给相应的行号,这样就能让行号和行高对齐了。 可是我看不懂,有没有大神解释下代码啥意思,帮我标注下,哪个代码是获取哪个行高的,又赋予给了哪个行号,谢谢
从不吃馍 2017-05-01
  • 打赏
  • 举报
回复
$(function() {
// Line wrap back
var shLineWrap = function() {
$('.syntaxhighlighter').each(function() {
// Fetch
var $sh = $(this),
$gutter = $sh.find('td.gutter'),
$code = $sh.find('td.code');
// Cycle through lines
$gutter.children('.line').each(function(i) {
// Fetch
var $gutterLine = $(this),
$codeLine = $code.find('.line:nth-child(' + (i + 1) + ')');
//alert($gutterLine);
// Fetch height
var height = $codeLine.height() || 0;
if (!height) {
height = 'auto';
} else {
height = height += 'px';
//alert(height);
}
// Copy height over
$gutterLine.attr('style', 'height: ' + height + ' !important'); // fix by Edi, for JQuery 1.7+ under Firefox 15.0
console.debug($gutterLine.height(), height, $gutterLine.text(), $codeLine);
});
});
};
 
 
// Line wrap back when syntax highlighter has done it's stuff
var shLineWrapWhenReady = function() {
if ($('.syntaxhighlighter').length === 0) {
setTimeout(shLineWrapWhenReady, 10);
} else {
shLineWrap();
}
};  // Fire
shLineWrapWhenReady();
});

51,412

社区成员

发帖
与我相关
我的任务
社区描述
Java相关技术讨论
javaspring bootspring cloud 技术论坛(原bbs)
社区管理员
  • Java相关社区
  • 小虚竹
  • 谙忆
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧