Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 400,000 packages pre-installed, including react-latex with all npm packages installed. Try it out:

var reactLatex = require("react-latex")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

react-latex v1.6.0

React component to render latex strings

react-latex NPM version

React component to render latex strings, based on Katex

Install

$ npm install --save react-latex

Usage

In javascript

Before using Latex

Include in your html Katex CSS

<html>
    <head>
        <link
            href="//cdnjs.cloudflare.com/ajax/libs/KaTeX/0.9.0/katex.min.css"
            rel="stylesheet"
        />
    </head>
</html>

Inline Latex

var Latex = require('react-latex');

...
    render(){
        return (
            <h3>
                <Latex>What is $(3\times 4) \div (5-3)lt;/Latex>
            </h3>
        );
    }
...

Block Latex

var Latex = require('react-latex');

...
    render(){
        return (
            <h3>
                <Latex displayMode={true}>$(3\times 4) \div (5-3)$</Latex>
            </h3>
        );
    }
...

Options for Katex

A number of options are now supported. For a comprehensive list please visit: here

License

MIT © Zzish

Metadata

RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free