# 帝国cms后台默认编辑器如何在编辑文章时实时显示当前文章内容的字数

*Published:* 2025-06-04
*Author:* 客服001

#### 温馨提醒

如果文章内容或图片资源失效，请留言反馈，我们会及时处理，谢谢

本文最后更新于2025年6月4日，已超过 180天没有更新



打开：./eadmin/admin/AddNews.php

找到：

在上面加：

```
<script>document.addEventListener("DOMContentLoaded",function(){function u(e){let t=(e.innerText||e.textContent||"").trim().length,d=document.getElementById("word-count-display");if(!d){let n=document.querySelector('input[type="submit"][name="addnews"]');n&&(d=document.createElement("div"),d.id="word-count-display",d.style.marginLeft="20px",d.style.color="#666",d.style.display="inline-block",n.insertAdjacentElement("afterend",d))}d&&(d.textContent="文章字数："+t+"字")}function m(){document.querySelectorAll("iframe").forEach(f=>{try{let e=f.contentDocument.querySelector(".cke_editable");e&&!e.dataset.listened&&(e.dataset.listened="true",u(e),["input","paste"].forEach(evt=>e.addEventListener(evt,()=>setTimeout(()=>u(e),10))))}catch{}})}setInterval(m,1e3)});</script>
```

效果如下：

[![](https://www.xarjtc.com/wp-content/uploads/2025/06/74236327db805fa.webp)](https://www.xarjtc.com/wp-content/uploads/2025/06/74236327db805fa.webp)