分享

textarea标签行号

 37dv 2018-09-04
textarea标签行号 ie兼容10
插件描述:在textarea自动添加行号。

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

html

1
2
3
4
5
<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

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

Option

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

Example

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

1
2
3
4
5
6
$(".textarea").setTextareaCount({
    width: "30px",
   bgColor: "#999",
   color: "#FFF",
   display: "block"
});
   


    PREVIOUS:

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多