jquery - 将音乐编辑器 abcjs 添加到我的网站的正确方法是什么？

Question

1)由于它的行为似乎与 mathjax 的行为类似(例如，参见 Mathjax analog for lilypond ，我希望包含在链接中，例如

<script type="text/x-mathjax-config">
  MathJax.Hub.Config({
    tex2jax: {
      inlineMath: [["$","$"],["\\(","\\)"]]
    }
  });
</script>
   <script type="text/javascript"
  src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML-full">
</script>

但是，我没能找到。有这样的链接吗？

2) 我正在使用 Markdown 编辑器，我可以看出，每当 mathjax 在上面的代码中找到 inlineMath 时，它就会被调用。我的 Markdown 编辑器如何知道这是对 abcjs 的调用还是只是一系列“普通文本”？

我们将非常感谢您的每一次帮助。

Answer 1

首先，你应该知道 abcjs 不是一个编辑器，而是一个 javascript 组件，你可以用它来构建一个编辑器，如 pauls 所示。但在这些示例中，编辑部分是常规文本 Pane 。您的示例显示有一个重要的开始/结束模式(对于 tex 来说，它是“$”或“\(”和\)”来分隔 tex 代码。

对于 abc 你可以尝试使用

“\nX:”分别为“\n\n”，但这不是很稳健。

您可以使用或隔离代码块或 github 风格的 Markdown，具体取决于您使用的 Markdown 处理器。那么应该可以提取abc并将其交给abc处理器。

这是我在 Zupfnoter ( https://github.com/bwl21/zupfnoter ) 中使用的代码。假设 abc 代码的摘录将其传递到变量 abc_code 中。

    var element = getElementById("#tunepreview");
    var paper = Raphael(element, width, height);
    var parser = new ABCJS.parse.Parse();
    parser.parse(abc_code);
    var tune = parser.getTune();
    paper.clear();
    printer.printABC(tune)

HTH