修改<quill-editor />字体颜色

你可以通过设置 `style` 属性来修改 `<quill-editor>` 的字体颜色。例如，以下代码将 `<quill-editor>` 的字体颜色设置为红色：

<quill-editor style="color: red;"></quill-editor>

你也可以将样式定义在 CSS 文件中，然后将其应用于 `<quill-editor>` 组件：

.quill-editor-custom {
  color: red;
}

<quill-editor class="quill-editor-custom"></quill-editor>

相关问题

vue-quill-editor字体配置

对于vue-quill-editor的字体配置，可以使用CSS来设置字体样式。首先，在Vue组件中引入CSS文件或者使用style标签添加样式，然后使用CSS选择器来选择编辑器的类或ID，并设置字体样式。

以下是一个示例：

<template>
  <div>
    <quill-editor class="editor"></quill-editor>
  </div>
</template>

<style>
.editor {
  font-family: Arial, sans-serif; /* 设置字体样式 */
}
</style>

在上面的示例中，我们使用了类选择器`.editor`来选择编辑器，并设置了`font-family`属性为`Arial, sans-serif`，这样编辑器中的文本将会以Arial字体显示。

你可以根据需要修改字体样式、大小、颜色等属性，以实现你想要的效果。

vue-cli 中quill-editor如何修改p标签的字体颜色

可以使用 quill-editor 的自定义样式来修改 p 标签的字体颜色。具体步骤如下：

1. 在项目中创建一个样式文件，比如 `quill-editor.css`。

2. 在样式文件中定义 p 标签的字体颜色，比如：

   .ql-editor p {
     color: red;
   }

这里将 p 标签的字体颜色设置为红色。

3. 在 Vue 组件中引入样式文件并使用 quill-editor 的 `customModules` 属性来加载样式文件，比如：

   <template>
     <quill-editor v-model="content" :options="editorOptions" :customModules="customModules"></quill-editor>
   </template>

   <script>
   import 'quill/dist/quill.core.css'
   import 'quill/dist/quill.snow.css'
   import 'quill/dist/quill.bubble.css'
   import './quill-editor.css'

   export default {
     data() {
       return {
         content: '',
         editorOptions: {},
         customModules: [
           {
             toolbar: [
               ['bold', 'italic', 'underline', 'strike'],
               [{ color: [] }, { background: [] }],
               ['link', 'image'],
             ],
           },
           {
             name: 'styles',
             display: 'none',
             render() {},
           },
         ],
       }
     },
   }

这里将样式文件 `quill-editor.css` 引入并使用了一个自定义模块 `styles` 来加载样式文件。注意要在 `customModules` 中定义一个空的 `render` 函数，否则会报错。

4. 在编辑器中输入文字后，可以看到 p 标签的字体颜色已经被修改了。