ckeditor字数限制

var maxlength = 200;
   _editor=CKEDITOR.replace("ckeditor",{height:‘130px‘});
   _editor.on(‘key‘,function(event){
		var oldhtml = _editor.document.getBody().getHtml();
		var description = oldhtml.replace(/<.*?>/ig,"");
		var etop = $("#cke_1_top");
		var _slen = maxlength-description.length;
		var canwrite = $("<label id=‘canwrite‘>还可以输入200字</label>");
		if(etop.find("#canwrite").length<1){
			canwrite.css({border:‘1px #f1f1f1 solid‘,‘line-height‘:‘28px‘,color:‘#999‘});
			etop.prepend(canwrite);
		}
		var _label = etop.find("#canwrite");
		if(description.length>maxlength){
			//alert("最多可以输入"+maxlength+"个文字,您已达到最大字数限制");
			_editor.setData(oldhtml);
			_label.html("还可以输入0字");
		}else{
			_label.html("还可以输入"+_slen+"字");
		}
	});

  

时间: 2024-11-05 19:36:46

ckeditor字数限制的相关文章

CKeditor字数统计插件wordcount

下载地址,具体步骤在这篇文章里已经说的很详细,不做搬运,要说另外一点:最终的效果如下图 如果不想要前面的字可以去插件目录下的语言文件夹里找到英语和中文两个文件(要修改其他语言方法一样) 把引号中的文字置空就好了 效果如下

MVC使用百度开源文本编辑器UEditor实现图文并茂,字数限制,上传图片或涂鸦

原文:MVC使用百度开源文本编辑器UEditor实现图文并茂,字数限制,上传图片或涂鸦 文本编辑器有很多,比如ticymce和CKEditor就比较好用,但涉及到图片.文件上传,需要结合CKFinder实现,而且有些功能是收费的,即使有意付费使用, 支付也不方便.好在百度的开源文本编辑器UEditor现在也发展得不错,本篇就来体验其在MVC中的使用.需要实现如下效果: 1.上传图片2.上传涂鸦3.字数限制 4.另一视图页图文显示 首先到这里下载UEditor的.NET版本,我下载的是[1.4.3

个人CKeditor的config.js配置

CKEDITOR.editorConfig = function( config ) { config.toolbar = 'Full'; config.height = 380; config.toolbar_Full = [ ['Bold','Italic','Underline'], ['NumberedList','BulletedList'], ['Link','Unlink'], ['Image'], ['Font','FontSize'], ['TextColor','BGColo

富文本编辑器ckeditor使用(angular中)

1.下载ckeditor 地址:https://ckeditor.com/ckeditor-4/download/,选择合适的版本 2.将下载的压缩文件解压后放在项目相关目录下 3.在index.html中引入 <!-- 引入ckeditor --> <script src="assets/ckeditor/ckeditor.js"></script> 4.在需要使用富文本编辑器的html文件中写 <!-- 富文本框 --><cke

ckeditor中“浏览服务器”的后台操作

此博文,基于CKeditor 4.5.6版本测试通过. 原创博文,转载请注明出处 参考官方文档,以及网络上的一些帖子.经过调试得到正确的期待中的结果. [网络上的一些所谓的帖子,不知道是故意将上传的代码整点错误其中,还是无疑间遗漏了些什么,总之整个看是完整的程序,经过我的仔细研究和debug,存在很多KENG, 我崇尚分享的理念,既然blog出来,就要认真的对网友有所帮助] 这里,简单的贴一下ckeditor的配置: 1 CKEDITOR.editorConfig = function( con

iOS_根据文字字数动态确定Label宽高

iOS7中用以下方法 - (CGSize)sizeWithAttributes:(NSDictionary *)attrs; 替代过时的iOS6中的- (CGSize)sizeWithFont:(UIFont *)font 方法 // iOS7_API_根据文字 字数动态确定Label宽高 // 设置Label的字体 HelveticaNeue Courier UIFont *fnt = [UIFont fontWithName:@"HelveticaNeue" size:24.0f]

html实现钝角效果;html实现限制一行字数的显示,超出的部分用省略号(....)来代替

前端实现div框边角的钝化虽然简单,但是有时候突然想不到,特此写下几句实现方法,以便记忆. 实现div框四个角都钝角的操作:设置 div : border-radius=10px; 实现div框一个角的钝角效果 :设置div :border-top-left-radius=10px; border-top-right-radius=10px; border-bottom-left-radius=10px; border-bottom-right-radius=10px; html实现限制一行字数

js封装的一行半显示省略号。(字数自由控制)

$(function() { //控制一行半隐藏 (function ($) { $.fn.displayPart = function (opts) { $(this).each(function () { displayPart($(this), opts); }); } function displayPart($el, opts) { var defaults = { displayLength: 50 //具体的想要显示的字数 } this.Settings = $.extend(de

实现在矩形框中输入文字,可以显示剩余字数的功能

如下图: 要实现上面的功能,需要做到三点: 1.实现矩形框布局 思路就是矩形框作为整个布局的一个background,在drawable中创建一个shap.xml样式文件 <?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android"     android:shape="r