You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
lcode 3e2cfb234a | 4 weeks ago | |
---|---|---|
.. | ||
README.md | 4 weeks ago | |
config.js | 4 weeks ago | |
package.json | 4 weeks ago | |
plugin.js | 4 weeks ago | |
plugin.min.js | 4 weeks ago | |
tex-mml-chtml.js | 4 weeks ago |
README.md
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>