Reference documentation and guides at cortexjs.io/mathlive.
Try it at cortexjs.io/mathlive/demo/.
|
|
|
To add a mathfield element to your page use a <math-field> tag.
It works just like a <textarea> or <button>. You can manipulate the
mathfield using methods of the element and listen for events to be notified when
its internal state changes.
<!DOCTYPE html>
<html lang="en-US">
<body>
<math-field>f(x)=</math-field>
<script src="https://unpkg.com/mathlive"></script>
</body>
</html>
This project is licensed under the MIT License.
0.80.0 2022-09-27
readonly or disabled attribute of a mathfield,
hide the virtual keyboard if the mathfield had the focus.Enter into
the mathfield.input event was dispatched when the value of the mathfield was
changed programatically.convertLatexToMarkup() usable from Node.js\pu{123 kJ//mol}.\pu{123 J*s}.makeSharedVirtualKeyboard(), listen for the
virtual-keyboard-toggle on the object returned by
makeSharedVirtualKeyboard():const k = makeSharedVirtualKeyboard();
k.addEventListener('virtual-keyboard-toggle', (ev) =>
console.log('toggling ', ev)
);
math-mode event is now cancelable (by calling .preventDefault() on the
event). This can be used for example to turn off the ability to switch to the
LaTeX editing mode:// Prevent change to LaTeX (or text) mode
mf.addEventListener('mode-change', (ev) => ev.preventDefault(), {
capture: true,
});
plonk was added. It plays a sound indicating an error, and can
associated with a keybinding, or triggered with mf.executeCommand().mf.offsetFromPoint().\mathchoice command.\kern, \mkern and \mspace command.FAQs
A web component for math input
We found that mathlive demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Research
An advanced npm supply chain attack is leveraging Ethereum smart contracts for decentralized, persistent malware control, evading traditional defenses.
Security News
Research
Attackers are impersonating Sindre Sorhus on npm with a fake 'chalk-node' package containing a malicious backdoor to compromise developers' projects.
Security News
The npm package for the LottieFiles Player web component was hit with a supply chain attack after a software engineer's npmjs credentials were compromised.