kindeditor添加字节计算方法,解决中文字节数问题

最新推荐文章于 2021-01-29 12:44:23 发布

weixin_33755554

最新推荐文章于 2021-01-29 12:44:23 发布

阅读量220

点赞数

CC 4.0 BY-SA版权

文章标签：数据库 python

原文链接：https://my.oschina.net/hsh3900/blog/82017

本文讨论了KindEditor富文本编辑器在处理中文字符计数时的问题，并提出了一种利用Unicode编码来准确计数的方法，适用于解决中文在数据库存储时的字节数不一致问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

2019独角兽企业重金招聘Python工程师标准>>>

前情提要:项目中使用kindeditor做富文本编辑器,但是中文在数据库中占用3个字节,英文是1个字节,而p标签换行标签也各自占用对应的代码长度字节.

kindeditor版本 @version 4.1.2 (2012-07-21)

页面使用以下代码计数

js:

afterChange : function() {K('.word_count').html(this.count());}

html:

<p>您当前输入了 <span class="word_count">0</span> 个文字。</p>

问题:由于kindeditor自带的计数器是按照字符来计算的,所以呢,如果按照它提供的字符数提交到数据库

所以Google之后.找到一个过滤字符Unicode来计数的方式,略加修改,添加到kindeditor.js的count(位于5111行)方法后面,取名countCode.

countCode : function() {
	var self = this,
	total = 0,
        i,
        str = _removeBookmarkTag(_removeTempTag(self.html())),
        len;
	for(i = 0, len = str.length; i < len; i++){
            charCode = str.charCodeAt(i);
            if(charCode <= 0x007f) {
                total += 1;
            }else if(charCode <= 0x07ff){
                total += 2;
            }else if(charCode <= 0xffff){
                total += 3;
            }else{
                total += 4;
            }
        }
	return total;
	},

相应的页面要调用的js也要修改.

afterChange : function() {K('.word_count').html(this.countCode());}

事后添加:

修改kindeditor-min.js

搜索"count:"在其后添加

countCode:function(){var a=0,i,b=V(ab(this.html())),c;for(i=0,c=b.length;i<c;i++){d=b.charCodeAt(i);if(d<=0x007f){a+=1;}else if(d<=0x07ff){a+=2;}else if(d<=0xffff){a+=3;}else{a+=4;}}return a;},

这样你就可以再页面使用kindeditor-min.js啦.

转载于:https://my.oschina.net/hsh3900/blog/82017