问答

vue 中使用wangeditor 配置字号,无效果

作者:admin 2021-05-10 我要评论

配置字号的时候,按照官网说的,但是就没有效果 , 但是自定义字体都可以,有效果 大佬们江湖救急~ this.editor = new E(this.$refs.toolbar, this.$refs.editor...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

配置字号的时候,按照官网说的,但是就没有效果 , 但是自定义字体都可以,有效果
大佬们江湖救急~

   this.editor = new E(this.$refs.toolbar, this.$refs.editor);
   this.editor.customConfig.onchange = (html) => {
   this.isChange = true;
   this.$emit("update:contentDefault", html); // 把这个html传入父组件
        };
  this.editor.customConfig.menus = [
          "head", // 标题
          "bold", // 粗体
          "fontSize", // 字号
          "fontName", // 字体
          "italic", // 斜体
          "underline", // 下划线
          "strikeThrough", // 删除线
          "foreColor", // 文字颜色
          "backColor", // 背景颜色
          "link", // 插入链接
          "list", // 列表
          "justify", // 对齐方式
          "image", // 插入图片
          "video", // 插入视频
          "quote", // 引用
          "table", // 表格
          "code", // 插入代码
          "undo", // 撤销
          "redo", // 重复
        ];
        this.editor.customConfig.fontSizes = {
          'x-small': {
            name: '10px',
            value: '1',
          },
          small: {
            name: '13px',
            value: '2',
          },
          normal: {
            name: '16px',
            value: '3',
          },
          large: {
            name: '18px',
            value: '4',
          },
          'x-large': {
            name: '24px',
            value: '5',
          },
          'xx-large': {
            name: '32px',
            value: '6',
          },
        };

        // 自定义字体
        this.editor.customConfig.fontNames = [
          '宋体',
          '仿宋',
          '微软雅黑',
          'Arial',
          'Tahoma',
          'Verdana'
        ];

打印也能看到
image.png

###

版本的问题 , v4版本才可以改字号 ,我安装的是v3

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • app内的web页面,img路径对,但是不显

    app内的web页面,img路径对,但是不显

  • 如何做下载功能?

    如何做下载功能?

  • 复杂正则表达式,实现思路

    复杂正则表达式,实现思路

  • vue一段简单的代码出现奇怪的问题?

    vue一段简单的代码出现奇怪的问题?

腾讯云代理商
海外云服务器