百度UEditor修改右下角统计字数包含html样式

关于百度UEditor字数统计功能的优化

百度UEditor作为一款强大的富文本编辑器，其右下角默认只统计前台可见的文字个数。在实际保存时，我们往往保存的是包含html标签的内容。我们需要对右下角的统计字数功能进行修改，以便更准确地反映实际保存的内容长度。

要实现这一功能，我们需要深入理解UEditor的编辑内容长度计算方式。在UEditor中，可以通过getContentLength函数来获取编辑器内容的长度。这个函数接收两个参数：ingoneHtml和tagNames。

如果ingoneHtml为true，那么函数会统计编辑器中的文本内容，包括html标签和文字。而tagNames参数则是一个数组，可以指定需要统计的html标签。通过修改这个函数，我们可以让UEditor在统计字数时包含更多的html标签。

具体实现步骤如下：

找到ueditor.all.js文件，定位到4944行到4951行。这些代码负责实现getContentLength函数。我们可以在这段代码中添加我们的逻辑，以统计更多的html标签。例如，我们可以将img、iframe等标签也纳入统计范围。

修改后的代码如下所示：

```javascript

getContentLength: function (ingoneHtml, tagNames) {

var count = this.getContent(false, false, true).length; // 获取编辑器内容的长度

if (ingoneHtml) {

tagNames = (tagNames || []).concat([ 'hr', 'img', 'iframe' ]); // 指定需要统计的html标签

count += this.getContentTxt().replace(/[\t\r]+/g, '').length; // 统计文本内容的长度

for (var i = 0, ci; ci = tagNames[i++];) {

count += this.document.getElementsByTagName(ci).length; // 统计指定html标签的数量

}

}

return count; // 返回最终统计结果

},

```

通过以上的修改，UEditor在统计字数时会更加准确，能够反映实际保存的内容长度。这样，我们就可以在编辑文章时，更准确地掌握文章的实际长度，方便我们进行排版和编辑。