Skip to content

编辑器内显示公式时,根号错位或者不显示问题的修复办法 #317

@momokoudai

Description

@momokoudai

在使用编辑器且集成katex时,编辑器预览框中公式的根号无法正常展示,经过对比自行渲染和官网文档示例,发现预览界面的公式根号svg图片缺少preserveAspectRatio="xMinYMin slice"属性。进一步跟踪发现katex生成的svg正常含有该属性,是editor的xss过滤掉了该属性。

查看文档源码,未发现作者的解决办法。
新增该属性的白名单即可。

VMdEditor.xss.extend({
  whiteList: 
    svg: ["preserveaspectratio"], // 注意必须是全小写,驼峰式不生效。好像是xss库默认将属性转小写,但是editor比对传入的白名单时没有全部转小写
  },
});

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions