How to Insert the Formula in WordPress?

I was writing a post for my client’s website that contains a few math formula for the calculation. I am using Gutenberg editor, but find it is not possible to write the proper math formula in the editor.

I did some research and found a few plugins that can help add math formula, however, the actual process was not that straight forward.

The first plugin I used is MathML Block, one of the most popular formula plugins, working with Gutenberg.

I had no problem while using this plugin, until I logged out my wp admin, then checked out again on the post page. The problem is the equation won’t be displaying properly, but just a line of raw text, not formula equation.

I did a bit research to figure out the reasons, but failed, looks like complex Javascript issue. Then I abandoned this plugin, moved on.

The second plugin I tried is WP QuickLatex, and this plugin works the same way as MathML, but I found success with this one.

This plugin also use shortcode to insert the formula:

[latexpage]\[formula tag\][latexpage]$formula elements$

However, how do you know the complex formula tag first?

We need the formula tag to insert, then the WP QuickLatex can interpret the formula tag into the proper formula equation as below:

I am using AI to write a prompt to solve this out:

Open: copilot.microsoft.com, then enter the prompt:

Please translate the formula in this content into the short code tag, so I can insert it in my WordPress editor, and properly display it as a formula equation on the front end page.

Don’t have to be perfect, since AI is smart enough to understand and output the correct tag for you.

That is how I insert the formula in the WordPress post or pages. Enjoy!