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

Question

1) 因为它的行为似乎与 mathjax 的行为相似（例如，参见 Mathjax analog for lilypond，我希望在 link 中包括

<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>

但是，我找不到。有这样的link吗？

2) 我正在使用降价编辑器，我可以看出只要在上面的代码中找到 inlineMath，就会调用 mathjax。我的降价编辑器怎么知道这是对 abcjs 的调用还是只是一系列 "normal text"?

我们将不胜感激。

Answer 1

我不确定你到底想做什么，但你先读过这篇文章了吗？ https://github.com/paulrosen/abcjs/blob/master/README.md

如果您尝试使用文本区域输入音乐，那么您需要按照 "abcjs editor" 的说明进行操作。自述文件中提到了精简的演示。

Answer 2

首先，您应该知道 abcjs 不是编辑器，而是一个 javascript 组件，您可以使用它来构建编辑器，如 pauls 所示。但在这些示例中，编辑部分是一个常规的文本窗格。你的例子表明有一个重要的 start/end 模式（对于 tex 它是 "$" resp. "$" and $" 来分隔 tex 代码。

对于 abc 你可以尝试使用

"\nX:" 分别是 "\n\n" 但这不是很稳健。

您可以使用或屏蔽代码块或 github 风味降价，具体取决于您使用的降价处理器。那么应该就可以提取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

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

What is the correct way to add the music editor abcjs to my website?

jquery

editor