Nachos Preventing Motivation
Wondering what’s next for npm?Check out our public roadmap! »

react-native-mathjax

2.1.2 • Public • Published

react-native-mathjax

Render Mathjax content in React Native Webview with auto height adjustment.

Showcase

TODO

Installation

  1. yarn add react-native-mathjax or npm install react-native-mathjax --save

Usage

<MathJax
  // HTML content with MathJax support
  html={'$\sum_{i=0}^n i^2 = \frac{(n^2+n)(2n+1)}{6}$<br><p>This is an equation</p>'}
  // MathJax config option
  mathJaxOptions={{
    messageStyle: 'none',
    extensions: [ 'tex2jax.js' ],
    jax: [ 'input/TeX', 'output/HTML-CSS' ],
    tex2jax: {
      inlineMath: [ ['$','$'], ['\\(','\\)'] ],
      displayMath: [ ['$$','$$'], ['\\[','\\]'] ],
      processEscapes: true,
    },
    TeX: {
      extensions: ['AMSmath.js','AMSsymbols.js','noErrors.js','noUndefined.js']
    }
  }}
  {...WebView props}
/>
 

Install

npm i react-native-mathjax

DownloadsWeekly Downloads

73

Version

2.1.2

License

MIT

Unpacked Size

4.45 kB

Total Files

5

Last publish

Collaborators

  • avatar