文字编辑器 希望有错误的句子用红色标红，文字编辑器用了markdown

文字编辑器 希望有错误的句子用红色标红，文字编辑器用了markdown
富文本有点难搞

    <div class="markDownBlock">
      <Markdown @on-ready="onReadyMarkdown" v-model="allQues"></Markdown>
<!--      @on-ready="onReadyMarkdown"-->
      <Markdown isPreview="true" class="topMarkDown"  v-model="errorContent"></Markdown>
<!--      <Markdown class="topMarkDown"  v-model="changedContent"></Markdown>-->
    </div>

markdown依赖

两个markdown 一个用来预览 position: absolute; 放在编辑器的上层 靠右侧，遮盖住原本的编辑器预览
显示的那个要拿到 编辑的值，然后把错误的句子标红

.markDownBlock{
    
    position: relative;
  }
  .topMarkDown{
    
    position: absolute;
    top: 0;
    /*left: ;*/
    right: 0;
    width: 50%;
  }

解析的时候 查看有没有重复的

  parse () {
    
        // let res= QuestionParser.getEachSub(this.allQues)
        let res = QuestionParser.parseQues(this.allQues)
        console.log(res)
    
        this.errorHappen = false

        this.parsedQuesList = res
        // this.parsedQuesList.
        this.errorContent = this.allQues
        for (let o of this.parsedQuesList) {
    
          // shortTitle
          let parsedDataTrimed = o.title.trim()


          for (let dbData of this.allQuesListDb) {
    
            if (dbData == null) {
    
              continue
            }
            let shortTitle = dbData.shortTitle
            if (shortTitle == null) {
    
              console.log('没有标题')
              console.log('dbData')
              console.log(dbData)
              continue
            }
            let shortTitleDbTrimed = dbData.shortTitle.trim()
            // let parsedDataTrimed= o.title.trim()
            if (shortTitleDbTrimed == parsedDataTrimed) {
    
              console.log('有一样的 ')
              console.log('数据库里的 ')
              console.log(shortTitleDbTrimed)
              console.log('现在解析的')
              console.log(parsedDataTrimed)
              this.errorHappen = true
              // this.allQues=this.allQues.replace(shortTitleDbTrimed,
              // '<span style=\'color: red;\' >' + shortTitleDbTrimed + '</span>')
              this.errorContent = this.errorContent.replace(shortTitleDbTrimed,
                '<span style=\'color: red;\' >' + shortTitleDbTrimed + '</span>')

            }
          }

        }
      },