可为textarea添加行号的jquery插件jquery

/ / 2019-06-30   阅读:2501
演示效果: 代码下载:点击下载 这是一款可为textarea添加行号的jquery插件。该插件可以为普通的textarea文本框在左侧添加一个行号,使用非常简单。 使用方法 在页面中...

演示效果:


代码下载:点击下载


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

使用方法

在页面中引入下面的文件。
<link href="jquery-linedtextarea.css" rel="stylesheet">
<script src='jquery-linedtextarea.js'></script>
<script src='jquery.min.js'></script>

HTML结构
<textarea class="lined">
  这里是第一行内容
  这里是第二行内容
  这里是第三行内容
</textarea>

初始化插件
$(function() {
  $(".lined").linedtextarea();
});

你还可以将textarea在初始化时,滚动到指定的行数。
$(function() {
  $(".lined").linedtextarea({
    selectedLine: 10
  });
});

我要评论

昵称:
验证码:

最新评论

共0条 共0页 10条/页 首页 上一页 下一页 尾页
意见反馈