Page tree

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Code Block
languagexml
themeEmacs
<!-- MathType라이브러리를 추가해야 사용이 가능합니다. (https://www.npmjs.com/package/@wiris/mathtype-generic#documentation) -->
<script src="mathtype-generic/wirisplugin-generic.js의 url"></script>
 
<!-- SynapEditor 객체가 존재해야 적용할 수 있기 때문에 에디터 스크립트 파일 아래에 include 해야 합니다 -->
<script src="mathType.min.js의 url"></script>


wirisplugin-generic.js 파일 다운 방법

Code Block
languagexml
themeEmacs
<!-- MathType Generic Integration 전용 패키지를 설치하면 wirisplugin-generic.js 파일이 함께 제공됩니다. -->
npm install @wiris/mathtype-generic@7.31.0

<!-- 설치 후 파일 위치 -->
node_modules/@wiris/mathtype-generic/wirisplugin-generic.js

이 파일을 프로젝트 내 경로로 복사해서 사용하시면 됩니다.


툴바에 버튼 추가하기

수식 편집, 화학식 편집 버튼을 툴바 영역, 메뉴 영역에 추가할 수 있습니다.

...

Code Block
languagejs
themeEmacs
titlesynapeditor.config.js
//...
'mathType.config': {
    'properties': {
        'mathMlToSvgUrl': '/render?format=svg&mml={mathML}'
    } 
}
// ...