在textarea中显示行号

时间:2011-12-08 13:23:41

标签: javascript jquery numbers textarea line

我想在textarea中显示行号,就像在jQuery中一样:

enter image description here

我在SO上寻找答案,但我找不到我想要的东西

Display current line and column number for a textarea

Limit number of lines in textarea and Display line count using jQuery

另外,我从评论中提供的JSFiddle尝试的解决方案向我展示了像这样的textarea:

enter image description here

第1234行是第一行,第二行是5678

1 个答案:

答案 0 :(得分:22)

下载此处的插件:http://alan.blog-city.com/jquerylinedtextarea.htm

<强>用法:

$(function() {

  // Target all classed with ".lined"
  $(".lined").linedtextarea(
    {selectedLine: 1}
  );

  // Target a single one
  $("#mytextarea").linedtextarea();

});

全功能演示:http://files.aw20.net/jquery-linedtextarea/jquery-linedtextarea.html