在文本区域中显示行号

Question

我想在文本区域中显示行号，就像在jQuery中一样：

我在 SO 上寻找答案，但没有找到我想要的。 显示文本区域的当前行和列号 使用 jQuery 限制文本区域的行数并显示行数 此外，我尝试了从评论中提供的 JSFiddle 中的解决方案，但文本区域显示如下：

第一行是1234，第二行是5678

- aki

---

可能是Html添加行号到textarea的重复问题。 - James Hill

@JamesHill 我尝试了，但没有成功。 - aki

我只是从第一个示例中复制并粘贴到jsFiddle中，在30秒或更短的时间内得到了可工作的东西 - http://jsfiddle.net/JamesHill/jMZKz/ - James Hill

你具体尝试了什么？链接的帖子列出了几种解决方案来解决你的问题。如果你已经尝试实现其中一种方法但它不起作用，请描述你已经尝试过的内容并发布代码，这样我们就可以帮助你。 - Simon

@Simon，我尝试了James提供的代码。 - aki

Answer 1

下载插件，可以在此处找到：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（web.archive）

- James Hill

---

那些使用word-wrap: break-word的人有什么解决方案？ - Tyler Crompton

提供的链接似乎已失效。新链接可以在这里找到（https://github.com/aw20/JQueryLinedText）。使用jQuery 1.8测试插件时，它无法正常工作，导致浏览器挂起（Chrome和Firefox）。正在尝试缩小问题范围。 - nt.bas

你有没有更新它以响应式设计，这样文本区域就可以自动调整大小（并占据其父元素的宽度）？无论如何，做得很棒！我会尝试编辑，但对于我来说，那个.js文件相当高端！ :) - elbowlobstercowstand