tinymce显示剩余可输入字数
时间: 2023-08-09 20:05:00 浏览: 53
可以通过使用 TinyMCE 的插件来实现显示剩余可输入字数。以下是一个简单的示例:
1. 在 TinyMCE 初始化时加载 wordcount 插件:
```javascript
tinymce.init({
selector: 'textarea',
plugins: 'wordcount'
});
```
2. 在页面中添加一个显示剩余字数的元素,例如:
```html
<div id="word-count"></div>
```
3. 添加一个监听器,监听内容变化事件,更新剩余字数:
```javascript
tinymce.init({
selector: 'textarea',
plugins: 'wordcount',
setup: function (editor) {
editor.on('init', function () {
var count = editor.plugins.wordcount.getCount();
var limit = editor.plugins.wordcount.getLimit();
var remaining = limit - count;
updateWordCount(remaining);
});
editor.on('keyup', function () {
var count = editor.plugins.wordcount.getCount();
var limit = editor.plugins.wordcount.getLimit();
var remaining = limit - count;
updateWordCount(remaining);
});
}
});
function updateWordCount(count) {
var element = document.getElementById('word-count');
element.innerHTML = '剩余字数:' + count;
}
```
这样,当用户在 TinyMCE 编辑器中输入内容时,就会动态地显示剩余可输入字数。