@wangeditor/editor-for-vue Editor组件 输入文本长度限制

`@wangeditor/editor-for-vue` 是一个基于 WangEditor 的 Vue 组件，它是一个富文本编辑器。关于文本长度限制，这个组件本身并不内置文本长度检查功能，但是你可以通过自定义的方式来添加这样的限制。

要在 `@wangeditor/editor-for-vue` 中添加输入文本的长度限制，通常需要在 Vue 实例中处理。以下是一个简单的示例：

<template>
  <editor :options="editorOptions" v-model="content"></editor>
</template>

<script>
import { Editor } from '@wangeditor/editor-for-vue'

export default {
  components: {
    Editor
  },
  data() {
    return {
      content: '',
      editorOptions: {
        // ... 其他配置选项
        wordCount: true, // 添加wordCount插件，默认显示在底部
        countWords: true, // 是否统计字数
      }
    }
  },
  computed: {
    maxContentLength() {
      // 这里设置你的最大长度，例如500字符
      return 500;
    },
    exceedsMax() {
      return this.content.length > this.maxContentLength;
    }
  },
  methods: {
    handleInput(e) {
      if (this.exceedsMax) {
        alert('文本长度超过限制，请删除部分内容。');
        this.content = this.content.slice(0, this.maxContentLength);
      }
    }
  },
  watch: {
    content(newContent) {
      this.handleInput()
    }
  }
}
</script>

在这个例子中，我们添加了 `wordCount` 插件来显示字数，并在 `handleInput` 方法中检查输入的长度是否超过限制。如果超过了，会弹出提示并截断超出的部分。