@dimakorotkov/tinymce-mathjax
v1.0.11
Published
Plugin using MathJax library for rendering math font
Downloads
325
Readme
TinyMCE MathJax Plugin
This plugin using MathJax library for rendering math font.
This plugin compatible with TinyMCE 5 and MathJax 3.
Install
NPM:
npm i @dimakorotkov/tinymce-mathjax --save
You can install mathjax and tinymce from npm
npm i mathjax --save
npm i tinymce --save
Download
Usage
TinyMCE editor
Configure your TinyMCE init settings by adding external_plugins
and usage of mathjax
:
tinymce.init({
...
external_plugins: {'mathjax': '/your-path-to-plugin/@dimakorotkov/tinymce-mathjax/plugin.min.js'},
toolbar: 'mathjax',
mathjax: {
lib: '/path-to-mathjax/es5/tex-mml-chtml.js', //required path to mathjax
//symbols: {start: '\\(', end: '\\)'}, //optional: mathjax symbols
//className: "math-tex", //optional: mathjax element class
//configUrl: '/your-path-to-plugin/@dimakorotkov/tinymce-mathjax/config.js' //optional: mathjax config js
}
});
View
For displaing mathjax on web page you have to add MathJax to the website itself. It is recommended to include /your-path-to-plugin/@dimakorotkov/tinymce-mathjax/config.js
<script src="/your-path-to-plugin/@dimakorotkov/tinymce-mathjax/config.js" type="text/javascript" charset="utf-8"></script>
<script src="/path-to-mathjax/es5/tex-mml-chtml.js" type="text/javascript" charset="utf-8"></script>
You can add an optional param to config.js - class
<script src="/your-path-to-plugin/@dimakorotkov/tinymce-mathjax/config.js?class=custom-mathjax-element-class" type="text/javascript" charset="utf-8"></script>