ckeditor4 配置字体 vue

要在 Vue.js 中配置 CKEditor 4 的字体选项，请按照以下步骤操作：

1. 安装 CKEditor 4 的 Vue.js 组件：

   npm install vue-ckeditor4

2. 在你的 Vue.js 组件中，导入 CKEditor 组件并使用它：

   <template>
     <div>
       <ckeditor :editor="editor" v-model="content" :config="editorConfig"></ckeditor>
     </div>
   </template>

   <script>
   import CKEditor from 'vue-ckeditor4'

   export default {
     components: {
       CKEditor
     },
     data() {
       return {
         editor: '',
         content: '',
         editorConfig: {
           font_names: 'Arial/Arial, Helvetica, sans-serif;' + 
                       'Comic Sans MS/Comic Sans MS, cursive;' + 
                       'Courier New/Courier New, Courier, monospace;' + 
                       'Georgia/Georgia, serif;' + 
                       'Lucida Sans Unicode/Lucida Sans Unicode, Lucida Grande, sans-serif;' + 
                       'Tahoma/Tahoma, Geneva, sans-serif;' + 
                       'Times New Roman/Times New Roman, Times, serif;' + 
                       'Trebuchet MS/Trebuchet MS, Helvetica, sans-serif;' + 
                       'Verdana/Verdana, Geneva, sans-serif',
           font_defaultLabel: 'Arial',
           font_defaultSize: '14'
         }
       }
     }
   }
   </script>

这将在 Vue.js 组件中添加 CKEditor 编辑器，并配置它的字体选项。

3. 保存文件并重新加载项目。

现在您已经成功配置了 CKEditor 4 在 Vue.js 中的字体选项。