vue 中 quill 编辑器鼠标选词结束后获取选区内容

在Vue中使用Quill编辑器，当用户完成文本选择后获取选区的内容，可以利用Quill提供的`addHandler`功能添加事件监听器。首先，你需要在你的Quill实例上注册一个`selection-change`事件处理器，这个事件会在用户选择文字后触发。

以下是步骤：

1. 安装依赖：
如果你还没有安装quill，需要先通过npm或yarn安装：

   npm install @quilljs/core @quilljs/formats

2. 初始化Quill编辑器并注册事件处理器：

   <template>
     <div id="editor">
       <!-- Quill Editor渲染区域 -->
     </div>
   </template>

   <script>
   import { Quill } from '@quilljs/core';
   import Bold from '@quilljs/formats/bold';

   export default {
     mounted() {
       const quill = new Quill('#editor', {
         modules: {
           formats: ['bold']
         },
         theme: 'snow'
       });

       // 添加选区变化事件处理器
       quill.on('selection-change', (delta) => {
         const selectedText = delta ? quill.getText(range: delta.selection.index): '';
         console.log('Selected text:', selectedText);
       });
     }
   };
   </script>

在这个例子中，每当用户改变选区（如点击、拖动鼠标），`selection-change`事件就会触发，并打印出当前的选区内容。