可为textarea添加行号的jquery插件

当前位置:主页 > jQuery库 > 表单 > 可为textarea添加行号的jquery插件
可为textarea添加行号的jquery插件
分享:

    插件介绍

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

    浏览器兼容性

    浏览器兼容性
    时间:2019-06-10
    阅读:
简要教程

这是一款可为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
  });
});
                

该可为textarea添加行号的jquery插件的github网址为:https://github.com/aamelkov/jquery-linedtextarea