0

我只是想知道是否有任何这样的事情是可能的/可用的

对于我的 HTML 页面中的每一行，我希望在页面的最左侧显示一个行号，就像许多编程编辑器一样。你知道任何这样的插件或设计可以实现这一点吗？

4

1 回答 1

2

为了简单起见，我整理了一些粗略的东西，欢迎您对其进行扩展：

http://jsfiddle.net/L4MEu/2/

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("&nbsp;" + i + ".<br/>");
      }
​
});

​</p>

于 2012-11-24T18:00:22.490 回答