Wysihtml5编辑器-限制字符数
Wysihtml5 editor - Limit number of characters
我有这个:
<div class="row">
<div class="col-md-11">
<label for="" class="control-label">Description<span>*</span></label>
@Html.TextAreaFor(m => m.Description, new { @class = "editor", @maxlength = "500" })<br />
@Html.ValidationMessageFor(model => model.Description)
</div>
</div>
和wysihtml5编辑器的js(使用Razor引擎):
<script type="text/javascript">
$('.editor').wysihtml5({
stylesheets: "/Content/css/wysiwyg-color.css",
charset: "utf-8"
})
</script>
所以基本上我要做的是限制字符数(最大500字符)在这个字段。正如您所看到的,我已经在@Html.TextAreaFor
中设置了maxlength
属性,但是它不起作用。谁能告诉我怎么做这个?提前感谢。 使用id代替class。
Wysihtml5使用这个id来创建iframe。
iframe的id为"[your textarea id]-sandbox"
。
因为这个元素是动态创建的,所以我更新了下面的代码。
$(document).ready(function{
var PreventSubmitFlag=false;
$('#editor').sibling("#editor-sandbox").find("body").on("keyup", function(e){
var content = $(this).html();
if(content.length>500){
alert ("500 characters is the limit!");
PreventSubmitFlag=true;
}else{
PreventSubmitFlag=false;
}
});
});
使用PreventSubmitFlag
禁用提交按钮。div;)
相关文章:
- ExtJS网格单元格编辑器,防止焦点松动问题
- 可以't使用PHP使用Froala编辑器上传图像URL
- 如何在corona sdk中从CK编辑器中检索数据
- Eclipse编辑器中无法访问的代码
- 如何将拼写检查集成到密文编辑器
- 如何从拼音编辑器中删除特殊字符
- TinyMCE文本编辑器最大字符限制
- 在 jquery te 文本编辑器中添加特殊字符选项
- 确定 RICHT 文本编辑器中每个字符的字符样式
- Mozilla Builder 编辑器取消转义 Unicode 字符,并发 w. AMO 上传失败
- 如何在文本编辑器中创建带有字符的标签
- 计算aloha编辑器中文本区域的字符数
- nicedit所见即所得编辑器+字符数
- 所见即所得HTML编辑器,字符左和MySQL存储优化
- 如何验证在tinymce(gem)编辑器rails应用程序中输入的字符数
- 如何设置剑道UI编辑器的selecterange来突出显示多余的字符,如Twitter
- Aptana编辑器显示奇怪的字符-缩进
- 限制Dojo富文本编辑器中允许的字符数
- Wysihtml5编辑器-限制字符数
- Ajax Html编辑器不计数字符在母版页使用ASP.净c#