vue-quill改变字体大小

要在vue-quill中改变字体大小，你可以按照以下步骤进行操作：

1. 首先，需要在Vue组件中引入Quill和VueQuillEditor。你可以使用以下代码引入它们：

import Quill from 'quill'
import VueQuillEditor from 'vue-quill-editor'

2. 然后，你需要手写一个自定义的CSS文件来设置字号大小。你可以通过添加合适的CSS样式来定义字号大小。例如，你可以创建一个名为`font-size.css`的文件，并在其中设置字号大小，如下所示：

// font-size.css
.ql-size-12px {
  font-size: 12px;
}

.ql-size-14px {
  font-size: 14px;
}

.ql-size-16px {
  font-size: 16px;
}

3. 接下来，你需要在Quill中注册自定义的字号大小。你可以使用以下代码来注册：

const Size = Quill.import('attributors/style/size')
Size.whitelist = ['12px', '14px', '16px']
Quill.register(Size, true)

4. 最后，在Vue组件的`data`选项中，设置编辑器组件的`option`。在`option`中，将`toolbar`的`size`属性设置为`Size.whitelist`，以便在编辑器的工具栏中显示字号大小选项。例如：

data() {
  return {
    option: {
      modules: {
        toolbar: [
          [{'size': Size.whitelist}]
        ]
      }
    }
  }
}

通过以上步骤，你可以在vue-quill中改变字体大小。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [【quill-editor】vue中使用vue-quill-editor自定义字体大小、自定义样式、自定义计数器、设置动态可编辑](https://blog.csdn.net/weixin_44296432/article/details/120509169)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *2* *3* [vue-quill-editor改变默认字体大小](https://blog.csdn.net/weixin_39585974/article/details/111723482)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]