Direct math input with MathQuill

Description

Type complex math expressions easily into your wordpress page using MathQuill (http://mathquill.com/). This plugin adds a new block editor called ‘Direct math input’ in the ‘widgets’ category.

Math expressions are saved in LaTeX format and rendered by MathQuill during pageview.

Usage

After installing, a new block editor called ‘Direct math input’ will be available. Each block contains a MathQuill instance
where you can edit math right on your page.

When the math editor is focused, you can enter math symbols using your keyboard or via copy/paste.
See the http://mathquill.com/ homepage for a visual demonstration of how to input math.

Some common keyboard shortcuts are as follows:

  • / (forward slash) Enter a new fraction, with focusable input areas for numerator and denominator
  • ^ (caret) Enter a new superscript, e.g. to add an exponent
  • _ (underscore) Enter a new subscript
  • ( (open parentheses) Open parentheses (which will scale based on the height of the content inside) Other parenthesis types behave similarly, e.g. [ and {
  • \ (backslash) Start typing one of the control sequences below. When finished, press enter or space to see the resulting symbol

Control sequences – to create each symbol, type the full sequence (including the backslash) into the math editor, followed by
space or enter. (not an exhaustive list)

  • \plusminus
  • \times
  • \alpha
  • \beta
  • \gamma
  • \delta
  • \Alpha
  • \Beta
  • \Gamma
  • \Delta
  • \summation
  • \prod
  • \int
  • \sqrt
  • \nthroot
  • \lt
  • \gt
  • \le
  • \ge
  • \approx
  • \doteq
  • \neq
  • \nless
  • \ngtr
  • \intersection
  • \union
  • \subset
  • \superset
  • \notsubset
  • \nosuperset
  • \subseteq
  • \isin
  • \contains
  • \notcontains
  • \Complex
  • \Hamiltonian
  • \Imaginary
  • \Naturals
  • \Primes
  • \Rationals
  • \Reals

Screenshots

  • Using the "Direct math input" block to insert some equations.

Blocks

This plugin provides 1 block.

  • Direct math input Type math expressions directly into your page with MathQuill/LaTeX.

Installation

This section describes how to install the plugin and get it working.

e.g.

  1. Upload the plugin files to the /wp-content/plugins/math-input-with-mathquill directory, or install the plugin through the WordPress plugins screen directly.
  2. Activate the plugin through the ‘Plugins’ screen in WordPress
  3. In the gutenberg editor, add a new ‘Direct math input’ block and start entering math

FAQ

How do I start using this?

Create a new ‘Direct math input’ block from the gutenberg blocks list.
Start typing math straight into your block using some of the symbols listed in the
plugin description.

Reviews

8 June 2022
Really great idea, together with LaTeX parser as also other plugins have, this has extremely simple way to write equations almost like in wysiwyg fashion. EDIT: I had to uninstall, it broke my page. Hopefully, this will be corrected and I could edit this review (see Support for this plugin)
Read all 1 review

Contributors and Developers

“Direct math input with MathQuill” is open source software. The following people have contributed to this plugin.

Contributors

Change Log

0.2.4

  • Apply background color to empty selected block
  • Allow keyboard deletion of block

0.2.3

  • Change LaTeX button to show copyable LaTeX
  • Fix readme formatting

0.2.2

  • Add toolbar buttons for superscript and subscript
  • Show an error message when the clipboard function isn’t available

0.2.1

  • Added a “Copy LaTeX to clipboard” toolbar button

0.2.0

  • Added some toolbar buttons to create math symbols
  • Added a custom icon for the block editor
  • Added some usage information and FAQ

0.1.2

  • Improved the plugin description
  • Added a screenshot showing usage
  • Added assets for banner and icon

0.1.1

  • Fixed an issue preventing the math rendering with the correct font file

0.1.0

  • Original MVP