我只是想知道是否有任何这样的事情是可能的/可用的
对于我的 HTML 页面中的每一行,我希望在页面的最左侧显示一个行号,就像许多编程编辑器一样。你知道任何这样的插件或设计可以实现这一点吗?
我只是想知道是否有任何这样的事情是可能的/可用的
对于我的 HTML 页面中的每一行,我希望在页面的最左侧显示一个行号,就像许多编程编辑器一样。你知道任何这样的插件或设计可以实现这一点吗?
为了简单起见,我整理了一些粗略的东西,欢迎您对其进行扩展:
HTML:
<div id="linenum"></div>
<div id="content">
test<br/>
one<br>
two
</div>
CSS:
#linenum
{
width: 5%;
background-color: blue;
color: #FFF;
position: absolute;
top: 0px;
bottom: 0px;
}
#content
{
position: relative;
left: 7%;
}
body
{
overflow-x: hidden;
}
查询:
$(document).ready(function(){
var splitCondition = new RegExp("<br/?>");
var lines = $("#content").html().split(splitCondition);
for(var i = 1; i <= lines.length; i++)
{
$("#linenum").append(" " + i + ".<br/>");
}
});
</p>