MathJax插件的默认字体应与CKEditor的字体相同

Question

我们使用MathJax插件作为CKEditor的一部分。 MathJax的字体与CKEditor的默认字体不同。我们想更改MathJax插件的默认字体以匹配CKeditor字体。

Answer 1

由于MathJax插件直接呈现数学公式，您应该检查如何更改MathJax本身的字体（请参阅MathJax docs on Font Support）。

这里已经有一个答案 - https://stackoverflow.com/a/41475014/646871。

请记住在使用CKEditor的同一页面上包含正确的MathJax配置，例如：

<script type="text/x-mathjax-config">
    MathJax.Hub.Config({
        "HTML-CSS" : {
            availableFonts : ["STIX"],
            preferredFont : "STIX",
            webFont : "STIX-Web",
            imageFont : null
        }
    } );
</script>

<script src="https://cdn.ckeditor.com/4.7.3/full-all/ckeditor.js"></script>

<textarea name="editor1" id="editor1" rows="10" cols="80"></textarea>

与JS一样：

CKEDITOR.replace( 'editor1', {
    extraPlugins: 'mathjax',
    mathJaxLib: '//cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.0/MathJax.js?config=AM_HTMLorMML'
} );