Novel Personal Mantras

    react-mathjax-2.7.8-preview

    0.1.1 • Public • Published

    react-mathjax-2.7.8-preview

    react-mathjax-preview provides one React component to render MathML, TeX or ASCIImath formulas (support $\$). See demo.

    Installation

    Install react-mathjax-2.7.8-preview as a dependency:

    yarn add react-mathjax-2.7.8-preview
    

    Usage

    Import the package and fill the math property with some text containing your formals. Wrap TeX in $ or $$ and ASCIImath in `. Paste MathML as is.

    import React, {Component} from 'react'
    import {render} from 'react-dom'
    import MathJax from 'react-mathjax-preview'
    
    const asciimath = '`sum_(i=1)^n i^3=((n(n+1))/2)^2`' # Because of the backtick
    const math = String.raw`
      <math xmlns="http://www.w3.org/1998/Math/MathML" display="block">
        <menclose notation="circle box">
          <mi> x </mi><mo> + </mo><mi> y </mi>
        </menclose>
      </math>
    
      $$\lim_{x \to \infty} \exp(-x) = 0$$
    
      ${asciimath}`
    
    class Demo extends Component {
      constructor(props) {
        super(props);
        this.state = {
          math: tex
        }
      render() {
        return <MathJax math={this.state.math} />
      }
    }

    Props

    className

    Wrapper classname

    id

    Wrapper id

    style

    Style object

    wrapperTag

    Wrapper tag, "div" is default

    math

    MathJax content

    msDelayDisplay

    Milliseconds to delay display of div, 300 is default

    onDisplay (Function)

    Triggered after delay and div is shown, hopefully typeset has finished

    config (Object)

    MathJax configuration

    onLoad (Function)

    Triggered after MathJax script finishes loading before children are allowed to render.

    onError (Function)

    Triggered when any Math Processing Error occurs

    sanitizeOptions

    DOMPurify configuration object (optional). See https://github.com/cure53/DOMPurify#can-i-configure-dompurify

    Development

    Clone the repo and run yarn commands available in the package.json file.

    $ git clone https://github.com/mehdisadeghi/react-mathjax-preview && cd react-mathjax-preview
    $ yarn install // install dependencies
    $ yarn start // start the development server which serves the demo page
    $ yarn build // make a production build inside the dist folder
    $ yarn build:demo // make a demo build inside the dist folder
    

    And browse to localhost:3000.

    License

    MIT

    Install

    npm i react-mathjax-2.7.8-preview

    DownloadsWeekly Downloads

    2

    Version

    0.1.1

    License

    MIT

    Unpacked Size

    1.69 MB

    Total Files

    8

    Last publish

    Collaborators

    • nhn.dev