- 浏览: 226220 次
- 性别:
- 来自: 河北
文章分类
- 全部博客 (100)
- web前端 (17)
- javascript (12)
- 有关hibernate (3)
- 有关struts2 (8)
- java基础 (9)
- 非技术,日常应用 (7)
- Ajax (1)
- css (2)
- Oracle (1)
- 面试题收藏 (6)
- jQuery (5)
- js (11)
- 有关sql (1)
- sql (3)
- MySql (2)
- spring (1)
- ssh (1)
- jFreeChart (1)
- jExcel (2)
- Castor (1)
- 常见异常总结 (9)
- freemarker (2)
- ibatis (1)
- DB2 (2)
- 休闲娱乐 (2)
- java文件和文件夹的操作 (3)
- javaFile (3)
- ExtJs (3)
- EasyUI (3)
- 正则 (1)
- object (1)
- ftp (1)
最新评论
-
yinianjingzi:
是十分舒服撒反对分十 ...
KindEditor 4 输入框限定字数 -
bao梦:
zhang5476499 写道博主,前端的jsp页面怎么取出m ...
ModelMap和ModelAndView的作用 -
hiberk:
zhang5476499 写道博主,前端的jsp页面怎么取出m ...
ModelMap和ModelAndView的作用 -
zhang5476499:
博主,前端的jsp页面怎么取出modelmap的数据?从req ...
ModelMap和ModelAndView的作用 -
lr1990420:
...
ModelMap和ModelAndView的作用
jquery 1.6.4
html 代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>KindEditor 4 输入框限定字数</title>
<script charset="utf-8" src="../jquery-1.6.4.min.js"></script>
<script charset="utf-8" src="../kindeditor-min.js"></script>
<script charset="utf-8" src="../lang/zh_CN.js"></script>
<script type="text/javascript">
//KindEditor
$(function() {
var editor = KindEditor.create('textarea[name="content1"]',{
resizeType : 0, // 2时可以拖动改变宽度和高度,1时只能改变高度,0时不能拖动。
themeType : 'simple', //指定主题风格,可设置”default”、”simple” 指定simple时需要引入simple.css
height : '500px',
readonlyMode : false, //只读模式 默认为false
allowFileManager : true, //显示浏览远程服务器按钮
afterChange : function() {
$('.word_count1').html(this.count()); //字数统计包含HTML代码
$('.word_count2').html(this.count('text')); //字数统计包含纯文本、IMG、EMBED,不包含换行符,IMG和EMBED算一个文字
//////////
//限制字数
var limitNum = 100; //设定限制字数
var pattern = '还可以输入' + limitNum + '字';
$('.word_surplus').html(pattern); //输入显示
if(this.count('text') > limitNum) {
pattern = ('字数超过限制,请适当删除部分内容');
//超过字数限制自动截取
var strValue = editor.text();
strValue = strValue.substring(0,limitNum);
editor.text(strValue);
} else {
//计算剩余字数
var result = limitNum - this.count('text');
pattern = '还可以输入' + result + '字';
}
$('.word_surplus').html(pattern); //输入显示
////////
}
});
});
</script>
</head>
<body>
<h1>HYZX 默认</h1>
<form name="example" method="post" action="demo-default.php">
<textarea name="content1" id="content1" style="width:700px;height:200px;visibility:hidden;">000000000</textarea>
<br />
<br>
<br>
<input type="submit" name="button" value="提交内容" />
</form>
<br>
<p> 您当前输入了 <span class="word_count1">0</span> 个文字。(字数统计包含HTML代码。)<br />
您当前输入了 <span class="word_count2">0</span> 个文字。(字数统计包含纯文本、IMG、EMBED,不包含换行符,IMG和EMBED算一个文字。)<br>
<span class="word_surplus"></span>
</p>
<br>
</body>
</html>
评论
发表评论
-
实现tab标签切换效果
2016-06-28 17:00 918<title>DIV层切换</title& ... -
浏览器屏蔽右键(右击)功能
2016-04-20 16:19 513//屏蔽浏览器右键 function stop(){ ... -
js 动态添加行
2016-04-14 11:14 577<html> <head> &l ... -
JS截取字符串substr 和 substring方法的区别
2015-11-04 10:12 538substr 方法返回一个从指定位置开始的指定长度的子字符串。 ... -
html(jsp)中<object>播放视频
2015-03-11 14:00 443<OBJECT id="myPlayer&q ... -
js设置延时和定时器
2015-01-22 16:44 978JS里设定延时:使用SetInterval和设定延时函数 ... -
在jsp页面截取字符串
2014-12-10 11:27 727第一步 导入包 <%@ taglib uri=&quo ... -
jquery-控制div的显示与隐藏
2014-07-16 14:46 675$("#id").show()表示disp ... -
修改fckeditor编辑器中的文字大小
2014-07-04 14:08 776修改编辑器目录下的样式文件 css/fck_editorar ... -
js 超链接(a便签)的写法
2014-06-17 16:56 904"<a href='javascript:v ... -
easyui 清空表格数据
2014-05-23 15:03 984$('#tableId').datagrid('loadDat ... -
多附件上传
2014-05-06 11:00 917<!DOCTYPE HTML PUBLIC " ... -
正则的用法
2013-12-10 11:08 549匹配数字为例: input 为要做匹配的内容 //正则 ... -
java文本框输入自动补全功能
2012-12-20 11:16 4782下面是一个java文本框自动补全的例子 <font ... -
KindEditor 工具栏配置
2012-08-31 14:52 1944KindEditor编辑相对于FCK来说个人感觉更加的简便,使 ... -
kindeditor在线编辑器使用说明
2012-08-11 13:22 1302简单使用方法 1. 下载KindEditor最新版本。 下 ... -
http 错误代码介绍
2012-02-03 15:05 851HTTP 400 - 请求无效 HTTP 401.1 - 未授 ... -
JDBC,Hibernate 分页怎样实现?
2012-01-27 16:46 10711) Hibernate 的分页:Query query = ... -
fmt格式化时间
2012-01-18 11:54 917<fmt:formatNumber value=&q ... -
jstl自定义标签
2011-11-21 13:36 998自定义标签的步骤: 定义类和方法(方法必须是public ...
相关推荐
KindEditor 4_x Documentation
本文件夹压缩包包含kindeditor运行包,demo.html演示文档,JS目录(包含jQuery库) 使用浏览器运行demo.html文件,即可展示运行效果,效果包含两个方面 1.实时统计富文本编辑器输入的字符数 2.实时通过div显示富...
kindeditor4.1.11 网页编辑器使用说明:
KindEditor4+web截屏(收费控件)
富文本编辑框asp.net mvc功能源码kindeditor4
KindEditor使用说明 KindEditor各种属性方法介绍 KindEditor按钮控制
极品开源免费在线文本forasp.net_kindeditor插入文本图片视频flash等,已经配置完毕,直接使用。大的文件等先ftp上传到相关目录
KindEditor4.x 官方帮助文档.官方最新的web编辑器. 官方没有下载的帮助文档。只有在线浏览的。本人下载出来做成了chm格式的。给大家下载。方便查阅!!!!!!
KindEditor 是一套开源的国产在线HTML编辑器,主要用于让用户在网站上获得所见即所得编辑效果,开发人员可以用 KindEditor 把传统的多行文本输入框(textarea)替换为可视化的富文本输入框。 KindEditor 使用 ...
KDE是Linux上最好的桌面环境,KindEditor 3.x的工具栏图标来自KDE4。 2. CHEditor http://www.chcode.com/ CHEditor是一款韩国人开发的收费编辑器,KindEditor 2.x参考了CHEditor的UI和部分代码。 3. TinyMCE ...
KindEditor是一套开源的HTML可视化编辑器,主要用于让用户在...改善: 弹出框(dialog)里的输入框添加了基本验证。 改善: 超级链接不允许包含HTML代码。 改善: uploadJson URL支持GET参数。 优化: 后退撤销,粘贴性能。
-- 上传图片的宽度,大于此宽度时图片会被压缩(缺省为不限定) --> <param-name>MAX_WIDTH <param-value>500 <!-- 上传图片的高度,大于此高度时图片会被压缩(缺省为不限定) --> <param-name>MAX_HEIGHT ...
KindEditor ASP.NET 本ASP.NET程序是演示程序,建议不要直接在实际项目中使用。 如果您确定直接使用本程序,使用之前请仔细确认相关安全设置。 使用方法: 1. 解压zip文件,将所有文件复制到IIS的wwwroot/...
KindEditor 是一套开源的在线HTML编辑器,主要用于让用户在网站上获得所见即所得编辑效果,开发人员可以用 KindEditor 把传统的多行文本输入框(textarea)替换为可视化的富文本输入框。 KindEditor 使用 JavaScript ...
KindEditor非常适合在CMS、商城、论坛、博客、Wiki、电子邮件等互联网应用上使用,2006年7月首次发布2.0以来,KindEditor依靠出色的用户体验和领先的技术不断扩大编辑器市场占有率,目前在国内已经成为最受欢迎的...
kindeditor本地上传图片支持token字段,kindeditor本身图片上传并无token参数,本资源利用原生ajax改造上传代码。
kindeditor编辑器,支持php,很好用的的编辑器
kindeditor4.1.10 这是一个很好用的富文本框插件,使用方便、简单。里面有小示例,如果有需要详细介绍的请到官网查看。
KindEditor是一套开源的HTML可视化编辑器,主要用于让用户在网站上获得所见即所得编辑效果... 4. 修改编辑器风格很容易,只需修改一个CSS文件。 5. 支持大部分主流浏览器,比如IE、Firefox、Safari、Chrome、Opera。
KindEditor 是一套开源的在线HTML编辑器,主要用于让用户在网站上获得所见即所得编辑效果,开发人员可以用 KindEditor 把传统的多行文本输入框(textarea)替换为可视化的富文本输入框。 KindEditor 使用 JavaScript ...