将 MathJax 脚本添加到 Office 365 Sharepoint 中的页面

Question

我正在尝试将 Mathjax 库添加到 SharePoint 库中，以便我们可以使用 LaTex 语法来添加方程式。

我在网络上搜索时看到了几种方法，但似乎没有一种方法可以与最新版本的 MathJax 和 Office 365 版本的 SharePoint 一起正常工作。

我发现的一个在 Chrome 中有效但在 IE 和 Firefox 中均无效的解决方案是将 javascript 链接直接添加到母版页中。我编辑了seattle.master 并添加了以下内容：

<script type="text/javascript" src="https://cdn.mathjax.org/mathjax/2.0-latest/MathJax.js?config=default"></script>

正下方

<SharePoint:CustomJSUrl runat="server" />

它在 Chrome 中运行良好，但在 IE 或 Firefox 中不显示任何内容。我在浏览器的控制台中没有任何错误消息，只是没有显示。

提前致谢。

Answer 1

我编辑母版页的解决方案确实有效，只是我使用的是不安全的 CDN。

将脚本更改为

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>

哪个是 https 版本的 CDN 的 URL 使其正常工作。

在找到更好的解决方案之前，我会一直保留它。

编辑：

存在一个问题，即即使在“设计”模式下脚本也会触发，并且一旦编写完成几乎不可能更改等式。

为了解决这个问题，我将上面的简单行替换为以下内容：

<script type="text/javascript">
    ExecuteOrDelayUntilScriptLoaded(function(){
        var inEditMode = SP.Ribbon.PageState.Handlers.isInEditMode();
        if(!inEditMode)
        {
            var script = document.createElement("script");
            script.type = "text/javascript";
            script.src  = "https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-AMS-MML_HTMLorMML";
            document.getElementsByTagName("head")[0].appendChild(script);
        }
    }, 'SP.Ribbon.js');
</script>