textarea标签行号

所属分类:输入-自动完成

 41122  319  查看评论 (8)
分享到微信朋友圈
X
textarea标签行号 ie兼容10

extarea标签自动显示行号(Textarea tags automatically displays line Numbers)

html

<body>
  <textarea type="text" id="text" class="text"></textarea>
  <script src="./js/jquery-1.12.0.min.js"></script>
  <script src="./js/auto-line-number.js"></script>
</body>

JavaScript

$("#textarea").setTextareaCount();

Option

width 行号条的宽度,默认30px
color 行号条的字体颜色,默认#FFF
bgColor 行号条的背景颜色,默认#333
display 行号条的类型,默认block

Example

支持使用类名可同时多个配置

$(".textarea").setTextareaCount({
    width: "30px",
   bgColor: "#999",
   color: "#FFF",
   display: "block"
});


相关插件-自动完成

jQuery实现仿搜索引擎文本框自动补全插件

jQuery实现仿搜索引擎文本框自动补全插件
  自动完成
 37080  400

jQuery内容查找高亮

支持中英文文本内容查找,不区分大小写支持跨标签内容查找支持追踪显示下一个。这个插件虽然简单不过网上仅此一份其他的查找都不可以支持跨标签查找内容并高亮
  自动完成
 25046  337

input改变vlue内容实时放大回显

一般为输入金额时使用,带三位数逗号分隔功能,简洁易用
  自动完成
 22368  323

jQuery IP地址输入插件

jQuery IP地址输入插件兼容ie6,代码注释全
  自动完成
 15922  217

讨论这个项目(8)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    无他 0
    2021/1/10 16:30:27
    行号和输入的内容宽度不一致怎么弄? 回复
    天外有天 0
    2019/1/12 23:45:29
    如果通过js对这个textarea赋值,行号不起作用。
        福尔摩zou1
        2020/9/22 15:40:52

        js给textarea赋值后,再调用一下keydown事件就行了。

        $("#text").keydown()
        无他0
        2021/1/10 17:14:34
        我这里好像不行啊
    回复
    maqinggao520 0
    2018/1/2 10:01:06

    导入了js

    <script type="text/javascript" src="javascript/auto-line-number.js"></script>

    设置了

    $("#editSection").setTextareaCount();

    没有效果!

        maqinggao5200
        2018/1/2 10:25:21

        jquery-1.12.0.min.js也导入了

        IE10、Chrome49都不显示行号

    回复
    晨之风 0
    2016/11/17 17:11:29
    请问怎么获取里面的值呢
        西瓜0
        2016/12/15 10:12:05

        $("#text").val()不就是吗。

    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复