怎么获取编辑器中的字数、行数、段落数 about vue-simplemde

[F-loat]

<template>
  <markdown-editor v-model="content"></markdown-editor>
</template>

<script>
import markdownEditor from 'vue-simplemde/src/markdown-editor';

// wordCount这个函数是simplemde源码里的
function wordCount(data) {
  const pattern = /[a-zA-Z0-9_\u0392-\u03c9\u0410-\u04F9]+|[\u4E00-\u9FFF\u3400-\u4dbf\uf900-\ufaff\u3040-\u309f\uac00-\ud7af]+/g;
  const m = data.match(pattern);
  let count = 0;
  if (m === null) return count;
  for (let i = 0; i < m.length; i++) {
    if (m[i].charCodeAt(0) >= 0x4E00) {
      count += m[i].length;
    } else {
      count += 1;
    }
  }
  return count;
}

export default {
  name: 'demo',
  components: {
    markdownEditor,
  },
  data() {
    return {
      content: '',
    };
  },
  computed: {
    simplemde() {
      return this.$refs.markdownEditor.simplemde;
    },
  },
};
</script>

// 获取行数
this.simplemde.codemirror.lineCount();
// 获取字数
this.content.length;
// 获取单词数
wordCount(this.content);

不太清楚你说的段落数是指什么，这个编辑器默认是会忽略空行的

---

更正：markdown语法里，一次换行会生成一个 br 标签，两次及以上换行会生成新段落（即 p 标签）

[akFace]

谢谢，解决问题了，段落就是文章的段落啊

[F-loat]

嗯，那段落数可能也得用正则匹配来计算，可以对 content 匹配下 \n 这个字符

[akFace]

ok