26

更新后的帖子

好的，我已经设法让 Markdown 和 MathJax 一起工作，实际上它相对简单。我marked和 MathJax 一起使用过。

$(function() {
    var $text       = $("#text"), // the markdown textarea
        $preview    = $("#preview"); // the preview div

    $text.on("keyup", function() {
        $preview.html( marked($text.val()) ); // parse markdown
        MathJax.Hub.Queue(["Typeset", MathJax.Hub, "preview"]); // then let MathJax do its job
    })
});

现在的问题是：我认为 Markdown 在 MathJax 可以更改它之前首先解析我的数学。我该如何解决？我认为它固定在 Math StackOverflow 上，但是如何？我需要停止 Markdown 解析数学

更新 2

这行得通，但不确定它是否是 math.stackexchange 的方式，但它似乎与我迄今为止测试的结果相似/相同...

$(function() {
    var $text       = $("#text"),
        $preview    = $("#preview");

    $text.on("keyup", function() {
        $preview.html( $text.val() );
        MathJax.Hub.Queue(["Typeset", MathJax.Hub, "preview"]);
    });

    MathJax.Hub.Register.MessageHook("End Process", function (message) {
        $preview.html( marked($preview.html()) );
    });
});

下面的旧帖子

在数学堆栈交换中，我可以将 MathJax 与 Markdown 一起使用。我想知道我需要做什么？我可以使用类似marked渲染 Markdown 的库，但对于 MathJax，它似乎只是在页面加载时渲染。我如何调用它来重新渲染或更好地渲染所需的内容（由我指定）

html = marked("some markdown string") // a HTML string
// is there something like
html = MathJax.parse(html)

更新

我想我应该看看http://www.mathjax.org/docs/1.1/typeset.html#manipulating-individual-math-elements。但是当我尝试

$text.on("keyup", function() {
    $preview.html( marked($text.val()) );
    var math = MathJax.Hub.getAllJax("preview");
    console.log(math);
    MathJax.Hub.Queue(["Text", math, "a+b"]);
})

在哪里：

  • $text: 是我的 textarea 的 jQuery 元素
  • $preview: 是预览div

我发现这math是未定义的，所以它似乎var math = MathJax.Hub.getAllJax("preview")不起作用。我有一个div#preview顺便说一句。

4

2 回答 2

5

最快的方法是保护数学免受降价解析器的影响。

有关 Davide Cervone 的详细答案，请参阅此问题，包括指向 math.SE 使用的代码的链接。

于 2012-08-24T22:22:17.743 回答
1

对于崇高，将以下代码添加到Markdown Preview --> Settings - User，

{
    /*
        Enable or not mathjax support.
    */
    "enable_mathjax": true
}

如下所示，

在此处输入图像描述

请参阅如何在 Sublimetext Markdown Preview 中启用 MathJax 渲染。

于 2017-02-10T14:35:07.960 回答