可为添加行号的jquery插件

可为添加行号的jquery插件

这是一款可为textarea添加行号的jquery插件。该插件可以为普通的textarea文本框在左侧添加一个行号,使用非常简单。

使用方法

在页面中引入下面的文件。

1
2
3
<link href="jquery-linedtextarea.css" rel="stylesheet">
<script src='jquery-linedtextarea.js'></script>
<script src='jquery.min.js'></script>

HTML结构

1
2
3
4
5
<textarea class="lined">
  这里是第一行内容
  这里是第二行内容
  这里是第三行内容
</textarea>

初始化插件

1
2
3
$(function() {
  $(".lined").linedtextarea();
});

你还可以将textarea在初始化时,滚动到指定的行数。

1
2
3
4
5
$(function() {
  $(".lined").linedtextarea({
    selectedLine: 10
  });
});
当前内容只有登录了才能查看,如果您已经注册,请登录
1

发表评论