react-math-view
React bindings for MathLive
Live Example
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}
/>
Looking for React-Native?
Check out react-native-math-view.
Other Options
Dev
Before you begin make sure to install dependecies
/example
before running it
Don't forget to do the same in npm i && npm i --only=dev /* 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