Chinaunix首页 | 论坛 | 博客
  • 博客访问: 190408
  • 博文数量: 62
  • 博客积分: 1477
  • 博客等级: 上尉
  • 技术积分: 475
  • 用 户 组: 普通用户
  • 注册时间: 2012-07-11 14:28
文章分类

全部博文(62)

文章存档

2012年(62)

我的朋友

分类: 系统运维

2012-07-15 12:59:04


点击(此处)折叠或打开

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
  2. < html xmlns="">
  3. < head>
  4. < meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. < title>KindEditor 4 输入框限定字数</title>
  6. < script charset="utf-8" src="../jquery-1.6.4.min.js"></script>
  7. < script charset="utf-8" src="../kindeditor-min.js"></script>
  8. < script charset="utf-8" src="../lang/zh_CN.js"></script>
  9. < script type="text/javascript">
  10. //KindEditor
  11. $(function() {
  12. var editor = KindEditor.create('textarea[name="content1"]',{
  13. resizeType : 0, // 2时可以拖动改变宽度和高度,1时只能改变高度,0时不能拖动。
  14. themeType : 'simple', //指定主题风格,可设置”default”、”simple” 指定simple时需要引入simple.css
  15. height : '500px',
  16. readonlyMode : false, //只读模式 默认为false
  17. allowFileManager : true, //显示浏览远程服务器按钮
  18. afterChange : function() {
  19. $('.word_count1').html(this.count()); //字数统计包含HTML代码
  20. $('.word_count2').html(this.count('text')); //字数统计包含纯文本、IMG、EMBED,不包含换行符,IMG和EMBED算一个文字
  21. //////////
  22. //限制字数
  23. var limitNum = 100; //设定限制字数
  24. var pattern = '还可以输入' + limitNum + '字';
  25. $('.word_surplus').html(pattern); //输入显示
  26. if(this.count('text') > limitNum) {
  27. pattern = ('字数超过限制,请适当删除部分内容');
  28. //超过字数限制自动截取
  29. var strValue = editor.text();
  30. strValue = strValue.substring(0,limitNum);
  31. editor.text(strValue);
  32. } else {
  33. //计算剩余字数
  34. var result = limitNum - this.count('text');
  35. pattern = '还可以输入' + result + '字';
  36. }
  37. $('.word_surplus').html(pattern); //输入显示
  38. ////////
  39. }
  40. });

  41. });

  42. </script>
  43. < /head>

  44. <body>

  45.  

  46. <h1>HYZX 默认</h1>
  47. < form name="example" method="post" action="demo-default.php">
  48. <textarea name="content1" id="content1" >000000000</textarea>
  49. <br />
  50. < br>
  51. < br>

  52. <input type="submit" name="button" value="提交内容" />
  53. < /form>
  54. < br>
  55. < p> 您当前输入了 <span class="word_count1">0</span> 个文字。(字数统计包含HTML代码。)<br />
  56. 您当前输入了 <span class="word_count2">0</span> 个文字。(字数统计包含纯文本、IMG、EMBED,不包含换行符,IMG和EMBED算一个文字。)<br>
  57. <span class="word_surplus"></span>
  58. < /p>
  59. < br>
  60. < /body>
  61. < /html>

阅读(1579) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~