44 lines
1.2 KiB
JavaScript
44 lines
1.2 KiB
JavaScript
const { Component, Fragment } = require('inferno');
|
|
const { cacheComponent } = require('../util/cache');
|
|
|
|
class Mathjax extends Component {
|
|
render() {
|
|
const { jsUrl } = this.props;
|
|
|
|
const js = `document.addEventListener('DOMContentLoaded', function () {
|
|
MathJax.Hub.Config({
|
|
'HTML-CSS': {
|
|
matchFontHeight: false
|
|
},
|
|
SVG: {
|
|
matchFontHeight: false
|
|
},
|
|
CommonHTML: {
|
|
matchFontHeight: false
|
|
},
|
|
tex2jax: {
|
|
inlineMath: [
|
|
['$','$'],
|
|
['\\\\(','\\\\)']
|
|
]
|
|
}
|
|
});
|
|
});`;
|
|
|
|
return <Fragment>
|
|
<script src={jsUrl} defer={true}></script>
|
|
<script dangerouslySetInnerHTML={{ __html: js }}></script>
|
|
</Fragment>;
|
|
}
|
|
}
|
|
|
|
module.exports = cacheComponent(Mathjax, 'plugin.mathjax', props => {
|
|
const { head, helper } = props;
|
|
if (head) {
|
|
return null;
|
|
}
|
|
return {
|
|
jsUrl: helper.cdn('mathjax', '2.7.5', 'unpacked/MathJax.js?config=TeX-MML-AM_CHTML')
|
|
};
|
|
});
|