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

时间:2015-02-22 14:11:59

标签: jquery editor

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编辑器,我可以告诉每当在上面的代码中找到inlineMath时调用mathjax。我的降价编辑怎么能知道这是对abcjs的调用还是只是一系列正常文本&#34;?

非常感谢每一位帮助。

2 个答案:

答案 0 :(得分:2)

首先,您应该知道abcjs不是编辑器而是javascript组件,您可以使用它来构建编辑器,如pauls所示。但在这些示例中,编辑部分是常规文本窗格。您的示例显示有一个重要的开始/结束模式(对于tex,它是“$”resp。“\(”和\)“来分隔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

答案 1 :(得分:1)

我不确定你到底想要做什么,但你先读过这个吗? https://github.com/paulrosen/abcjs/blob/master/README.md

如果您尝试使用textarea输入音乐,那么您将要按照&#34; abcjs编辑器&#34;的说明进行操作。自述文件中提到了简化的演示。