내 웹 사이트에 음악 편집기 abcjs를 추가하는 올바른 방법은 무엇입니까?

DanielTheRocketMan

1) 동작이 mathjax의 동작과 비슷하기 때문에 (예를 들어, lilypond대한 Mathjax 아날로그 참조, 다음과 같은 링크에 포함 할 것으로 예상했습니다.

<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) 마크 다운 편집기를 사용하고 있으며 위 코드에서 inlineMath를 찾을 때마다 mathjax가 호출되고 있음을 알 수 있습니다. 마크 다운 편집기가 이것이 abcjs에 대한 호출인지 "일반 텍스트"의 시퀀스인지 어떻게 알 수 있습니까?

모든 도움을 주시면 감사하겠습니다.

Bernhard

먼저 abcjs가 편집기가 아니라 자바 스크립트 구성 요소라는 것을 알아야합니다. pauls가 보여주는 것처럼 편집기를 빌드하는 데 사용할 수 있습니다. 그러나 이러한 예에서 편집 부분은 일반 텍스트 창입니다. 귀하의 예제는 중요한 시작 / 종료 패턴이 있음을 보여줍니다 (tex의 경우 tex 코드를 구분하는 "$"resp. "\ ("및 \) ").

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

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

내 스크립트에서 올바른 전화 번호를 편집하는 방법은 무엇입니까?

분류에서Dev

내 사이드 바에서 다른 웹 사이트를 미리 볼 수있는 방법은 무엇입니까?

분류에서Dev

vba를 사용하여 웹 페이지 내의 테이블 값에서 내부 텍스트를 올바르게 추출하는 방법은 무엇입니까?

분류에서Dev

ANSI 이스케이프 시퀀스를 사용하여 터미널 내용을 "제자리에서"편집하는 올바른 방법은 무엇입니까?

분류에서Dev

Javascript를 사용하여 웹 사이트에서 기능을 검색하는 올바른 방법은 무엇입니까?

분류에서Dev

Umbraco에서 편집기 편집 가능한 사이드 바를 만드는 방법은 무엇입니까?

분류에서Dev

.map이 내 useState를 편집하는 올바른 방법입니까?

분류에서Dev

업로드 / 다운로드를 사용하여 공유기의 내부 웹 페이지를 편집하는 방법은 무엇입니까?

분류에서Dev

파일 / 편집 /보기 ... 바를 폴리 바에 추가하는 방법은 무엇입니까?

분류에서Dev

내 웹 사이트에 소개 비디오를 추가하는 방법은 무엇입니까?

분류에서Dev

laravel 웹 사이트에 다른 언어를 추가하는 가장 좋은 방법은 무엇입니까?

분류에서Dev

내 Nginx 서버 환경에서 웹 사이트 (Wordpress)를 복제하는 빠른 방법은 무엇입니까?

분류에서Dev

PreferenceFragmentCompat를 사용하여 PreferenceScreen 내에서 편집 할 수있는 이미지보기를 추가하는 방법은 무엇입니까?

분류에서Dev

클라이언트 및 서버에서 OpenTelemetry 수집기와 함께 OpenTelemetry 내보내기를 올바르게 사용하는 방법은 무엇입니까?

분류에서Dev

Eclipse에 HTML 편집기를 추가하는 방법은 무엇입니까?

분류에서Dev

Wizard / WizardPage에 편집기 (MPart)를 추가하는 방법은 무엇입니까?

분류에서Dev

Flutter 앱에서 시간 선택기를 추가하는 올바른 방법은 무엇입니까?

분류에서Dev

기존 웹 사이트에 React Js를 추가하는 방법은 무엇입니까?

분류에서Dev

내 웹 사이트에서 사용자를 추적하는 방법은 무엇입니까?

분류에서Dev

노드 내에서 메서드를 호출하는 내 노드의 속성 편집기 패널에 버튼을 추가하는 방법은 무엇입니까?

분류에서Dev

Ubuntu VrtualBox 내에서 meteor 앱을 실행하고 Windows 호스트에서 편집기를 사용하여 편집하는 방법은 무엇입니까?

분류에서Dev

SummerNote 편집기를 Angular 2 웹팩에 포함하는 방법은 무엇입니까?

분류에서Dev

Java 실행기를 사용하는 올바른 방법은 무엇입니까?

분류에서Dev

비동기 네트워킹 호출 내에서 inDatabase를 사용하는 올바른 방법은 무엇입니까?

분류에서Dev

웹 사이트 (내 로컬 호스트)로 데이터 (내 Android 앱의 신청서에 기입 됨)를 보내는 방법은 무엇입니까?

분류에서Dev

팝업 창을 사용하여 내 웹 사이트에 YouTube 비디오를 삽입하는 방법은 무엇입니까? 플래시 없음, JS 없음

분류에서Dev

웹 사이트에서 코로나 바이러스 사례를 추출하는 방법은 무엇입니까?

분류에서Dev

Eclipse (Java)에서 이미지를 연결하고 내보내는 올바른 방법은 무엇입니까?

분류에서Dev

vue-quill 편집기에서 여러 매개 변수를 내보내는 방법은 무엇입니까?

Related 관련 기사

  1. 1

    내 스크립트에서 올바른 전화 번호를 편집하는 방법은 무엇입니까?

  2. 2

    내 사이드 바에서 다른 웹 사이트를 미리 볼 수있는 방법은 무엇입니까?

  3. 3

    vba를 사용하여 웹 페이지 내의 테이블 값에서 내부 텍스트를 올바르게 추출하는 방법은 무엇입니까?

  4. 4

    ANSI 이스케이프 시퀀스를 사용하여 터미널 내용을 "제자리에서"편집하는 올바른 방법은 무엇입니까?

  5. 5

    Javascript를 사용하여 웹 사이트에서 기능을 검색하는 올바른 방법은 무엇입니까?

  6. 6

    Umbraco에서 편집기 편집 가능한 사이드 바를 만드는 방법은 무엇입니까?

  7. 7

    .map이 내 useState를 편집하는 올바른 방법입니까?

  8. 8

    업로드 / 다운로드를 사용하여 공유기의 내부 웹 페이지를 편집하는 방법은 무엇입니까?

  9. 9

    파일 / 편집 /보기 ... 바를 폴리 바에 추가하는 방법은 무엇입니까?

  10. 10

    내 웹 사이트에 소개 비디오를 추가하는 방법은 무엇입니까?

  11. 11

    laravel 웹 사이트에 다른 언어를 추가하는 가장 좋은 방법은 무엇입니까?

  12. 12

    내 Nginx 서버 환경에서 웹 사이트 (Wordpress)를 복제하는 빠른 방법은 무엇입니까?

  13. 13

    PreferenceFragmentCompat를 사용하여 PreferenceScreen 내에서 편집 할 수있는 이미지보기를 추가하는 방법은 무엇입니까?

  14. 14

    클라이언트 및 서버에서 OpenTelemetry 수집기와 함께 OpenTelemetry 내보내기를 올바르게 사용하는 방법은 무엇입니까?

  15. 15

    Eclipse에 HTML 편집기를 추가하는 방법은 무엇입니까?

  16. 16

    Wizard / WizardPage에 편집기 (MPart)를 추가하는 방법은 무엇입니까?

  17. 17

    Flutter 앱에서 시간 선택기를 추가하는 올바른 방법은 무엇입니까?

  18. 18

    기존 웹 사이트에 React Js를 추가하는 방법은 무엇입니까?

  19. 19

    내 웹 사이트에서 사용자를 추적하는 방법은 무엇입니까?

  20. 20

    노드 내에서 메서드를 호출하는 내 노드의 속성 편집기 패널에 버튼을 추가하는 방법은 무엇입니까?

  21. 21

    Ubuntu VrtualBox 내에서 meteor 앱을 실행하고 Windows 호스트에서 편집기를 사용하여 편집하는 방법은 무엇입니까?

  22. 22

    SummerNote 편집기를 Angular 2 웹팩에 포함하는 방법은 무엇입니까?

  23. 23

    Java 실행기를 사용하는 올바른 방법은 무엇입니까?

  24. 24

    비동기 네트워킹 호출 내에서 inDatabase를 사용하는 올바른 방법은 무엇입니까?

  25. 25

    웹 사이트 (내 로컬 호스트)로 데이터 (내 Android 앱의 신청서에 기입 됨)를 보내는 방법은 무엇입니까?

  26. 26

    팝업 창을 사용하여 내 웹 사이트에 YouTube 비디오를 삽입하는 방법은 무엇입니까? 플래시 없음, JS 없음

  27. 27

    웹 사이트에서 코로나 바이러스 사례를 추출하는 방법은 무엇입니까?

  28. 28

    Eclipse (Java)에서 이미지를 연결하고 내보내는 올바른 방법은 무엇입니까?

  29. 29

    vue-quill 편집기에서 여러 매개 변수를 내보내는 방법은 무엇입니까?

뜨겁다태그

보관