vue-quill-editor悬浮提示怎么在上面提示

你可以使用 CSS 样式来实现悬浮提示在上方显示。首先，将提示框的 `position` 属性设置为 `absolute`，然后设置 `top` 和 `left` 属性为负值，使其出现在编辑器上方。

具体步骤如下：

1. 给提示框添加 CSS 样式：

.suggestion {
  position: absolute;
  top: -30px;
  left: 0;
  background-color: #fff;
  padding: 10px;
  border: 1px solid #ddd;
  box-shadow: 2px 2px 5px #ccc;
  z-index: 999;
}

2. 在 Vue 组件中添加提示框，并在编辑器中监听输入事件，根据输入内容显示或隐藏提示框：

<template>
  <div>
    <div ref="editor" v-html="content" @input="handleInput"></div>
    <div v-show="showSuggestion" class="suggestion">提示内容</div>
  </div>
</template>

<script>
import Quill from 'quill'

export default {
  data() {
    return {
      content: '',
      showSuggestion: false,
    }
  },
  mounted() {
    this.editor = new Quill(this.$refs.editor, {
      modules: {
        toolbar: true,
      },
    })
  },
  methods: {
    handleInput() {
      const range = this.editor.getSelection()
      const text = this.editor.getText(range.index - 1, 1)
      if (/* 判断是否需要显示提示框 */) {
        this.showSuggestion = true
      } else {
        this.showSuggestion = false
      }
    },
  },
}
</script>