patmagauran / react-mathlive

Example using the React bindings for Mathlive

react-math-view | react-mathlive

React bindings for MathLive

Install

npm install --save react-math-view
yarn add react-math-view

Usage

import { useRef } from 'react';
import MathView, { MathViewRef } from 'react-math-view';

const ref = useRef<MathViewRef>(null);
const toggleKeyboard = useCallback(() => ref.current?.executeCommand('toggleVirtualKeyboard'), [ref]);
const getSpokenValue = useCallback(() => ref.current?.getValue('spoken'), [ref]);
<MathView
 value="x=\frac{-b\pm\sqrt{b^2-4ac}}{2a}"
 ref={ref}
  />

Example

Check out the live example.

Looking for React-Native?

Check out react-native-math-view.

Dev

Before you begin make sure to install dependecies

Don't forget to do the same in /example before running it

npm i /* or */ yarn --production=false

Available commands

// start dev servers for /src and /example
npm run dev

// publish to npm
npm run publish

// deploy gh-pages (example app)
npm run deploy

License

MIT © ShaMan123