Mathjax offline for web view

问题:

Using webview to render math content by linking mathjax cdn for react native is common. But how to approach the problem of making it offline.

1. Is there a way to locally maintain that bundle?

2. Is it even prefered?

3. What will be the size of the bundle ? I dont want my app size to go beyond 10mb.

回答1:

Download your mathjax from

http://docs.mathjax.org/en/latest/installation.html

into => android/app/src/main/assets/

Now in your webview html code set script reference to

<script src="file:///android_asset/MathJax/MathJax.js?config=TeX-MML-AM_CHTML"></script>

and your necessary config inside html. Also make sure to set base url to your folder name.

<WebView source={{ html, baseUrl: 'file:///android_asset/MathJax/' }} />

Also you can https://github.com/mathjax/MathJax-grunt-cleaner to reduce the Mathjax asset size by removing unnecessary fonts and formats that you don't use.