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

发布于 2022-09-12 13:47:14 字数 1681 浏览 34 评论 0

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

   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

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

场罚期间 2022-09-19 13:47:14

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

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文