textarea标签行号

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

 40163  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"
});


相关插件-自动完成

js脚本房贷计算器

js脚本房贷计算器、住房贷款计算器、 公积金贷款计算器
  自动完成
 40604  339

latex在线公式编辑器汉化版

方便教育行业管理、录入数学公式、化学公式、物理公式等常规编辑器不具备的编辑功能,此版本已经汉化,可以直接使用,功能简单强大,textarea区域可以替换成富文本编辑器,这里只简化为一个文本域,输出图片格式的公式。暂时只发这个版本,后续会考虑把和mathjax结合输出html结构的案例发上来。
  自动完成
 56531  330

jQuery中文转拼音加员工编号计算

用户输入中文,自动生成拼音,点击确定按钮,计算出这个姓名对应的唯一编号
  自动完成
 23421  350

jQuery仿淘宝购物车

jQuery常规的购物车计算逻辑
  自动完成
 28715  296

讨论这个项目(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()不就是吗。

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