Search code examples
react-nativeofflinemathjax

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.

Solution

  • 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.