在Vue中，我们可以使用vue-wangEditor库来实现富文本编辑框的高亮功能。以下是一个简单的示例：

首先，你需要安装vue-wangEditor库：

bash npm install vue-wangEditor

然后，你可以在你的Vue组件中导入并使用vue-wangEditor：

```vue import WangEditor from 'vue-wangEditor';

export default { components: { WangEditor } } ```

接下来，你可以使用WangEditor的Hightlight方法来实现高亮功能。这个方法接受一个editor参数，这是你的编辑器实例。

```vue export default { methods: { highlight() { // 获取编辑器的实例 const editor = this.$refs.wangEditor;

  // 设置高亮模式
  editor.setHightlightMode('single');

  // 高亮特定的文本
  editor.setHighlightRange([10, 10, 100, 100]);

  // 等待编辑器完成加载
  editor.load();
}

} } ```

在这个示例中，我们首先获取编辑器的实例，然后设置高亮模式为单行模式，然后设置高亮的范围为从第10行到第100行。最后，我们等待编辑器完成加载。

注意：你需要在你的Vue组件的<template>中引入vue-wangEditor，并在<script>中导入WangEditor。

```html

```