非洲之光 2023-10-28 16:32 采纳率: 66.7%
浏览 9
已结题

vue3 中使用wangEditor编辑器

vue3 中使用wangEditor编辑器 如何修改默认字号,默认字号太小了
根据官网:
引入的wangeditor是这样引入的:
import { Editor, Toolbar } from '@wangeditor/editor-for-vue'

编辑器实例是这样的:
const editorRef = shallowRef()

const editorConfig = {
  placeholder: '请输入内容...',
  // 所有的菜单配置,都要在 MENU_CONF 属性下
  MENU_CONF: {
    fontSize: {
      fontSizeList: [
        { name: '12px', value: '12px' },
        { name: '14px', value: '14px' },
        { name: '16px', value: '16px' },
        { name: '18px', value: '18px' },
        { name: '20px', value: '20px' }
      ]
    },
  }
}

这样修改fontSizeList没有效果,无法更改默认字号

img

尝试对editorRef 实例更改,依然没有效果

  • 写回答

3条回答 默认 最新

  • CSDN专家-showbo 2023-10-28 21:25
    关注

    改下编辑器内容容器的font-size就行。。不设置字体是浏览器的默认大小,不同版本浏览器或者同一个浏览器不同版本的默认字体会不一样。

    <style scoped>.w-e-text-container{font-size:25px}</style>
    
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论 编辑记录
查看更多回答(2条)

报告相同问题?

问题事件

  • 系统已结题 11月5日
  • 已采纳回答 10月28日
  • 创建了问题 10月28日