使用vue获取富文本编辑器文字内容前50个字符

获取文章内容的前50个字符放在内容描述里
vue布局

<!--内容描述-->
      <el-form-item label="内容描述："
                    prop="abstractWord"
                    v-if="showOtherInput">
        <el-input placeholder="请输入内容描述"
                  type="textarea"
                  oninput="if(value.length>50)value=value.slice(0,50)"//限制输入框只可输入50字符
                  v-model="info.abstractWord"></el-input>
      </el-form-item>
      <!--文章内容-->//此处需要进入富文本编辑器组件
      <el-form-item label="内容正文："
                    required
                    class="tinymceItem">
        <Tinymce :actionUrl="uploadUrl"
                 :height="300"
                 :width="1140"
                 ref="tinymce"
                 v-model="content">
        </Tinymce>
      </el-form-item>

在保存的按钮内写方法

if (!this.info.abstractWord) {
          var txt = this.$refs.tinymce.getContentTxt().substr(0, 50);//获取富文本文字内容的前50个字符
          this.info.abstractWord = txt
        }