Latex math formulas with Elementor

[F0rtran]

Hello all,

I would like to design a website with elementor including math formulas.

With the gutenberg editor i use the plugin “WP QuickLaTeX ” allowing me to display math formulas with the Latex language :
$\overrightarrow { { M(F) }_{ O } } =\overrightarrow { OA } \wedge \overrightarrow { F } $ .

But with elementor editor, it doesn’t work.

Is there any solution to display maths formulas with Elementor ? If not, i am afraid of coding by myself my site without page builder solutions such as Elementor.

Thanks.

F0rtran

 

[ajruggles]

Hi Fortan,

I am having the same issue, and it is becoming rather critical as I am running a scientific site. If you find a solution, please let me know. Thank you!

Amanda

 

[Creataclasses]

I am using the same. It is not working in preview mode. But after Publish, you can see the same.

 

[ajruggles]

We've implemented MathJax-LaTeX and everything is working now!

 

[ashfun]

Hello ajruggles, can you elaborate on using MathJax-Latex with elementor?
1.. Do you write equations inside the Elementor editor?
2. What tags do you use? Are you able to align equations etc. using LaTeX?
Thank you.

 

[Marc56450]

Hello all,

I would like to design a website with elementor including math formulas.

With the gutenberg editor i use the plugin “WP QuickLaTeX ” allowing me to display math formulas with the Latex language :
$\overrightarrow { { M(F) }_{ O } } =\overrightarrow { OA } \wedge \overrightarrow { F } $ .

But with elementor editor, it doesn’t work.

Is there any solution to display maths formulas with Elementor ? If not, i am afraid of coding by myself my site without page builder solutions such as Elementor.

Thanks.

F0rtran

Hi,

There is a solution to make the “WP QuickLaTeX ” plugin work. The fact is Elementor is using a priority level in WordPress filters that is higher than WpQuickLatex's one. Therefore, the Elementor plugin doesn't load WpQuickLatex's processed images.

Elementor's priority is 9999999, when WpQuickLatex's is only 7.

To make WpQuickLatex plugin work with Elementor, you have to elevate it's filters' priority. Let's set it at 10000000 (which is higher than 9999999).

The solution is in the attached document.

Enjoy,

Marc

 

[Community]

To display LaTeX math formulas in Elementor, you can use the following solutions:

---

1. Use Elementor's "HTML" Widget with WP QuickLaTeX​

If WP QuickLaTeX works via shortcodes in Gutenberg, you can force it to work in Elementor by:

1. In Elementor, drag an HTML Widget (not the "Text Editor" widget) into your page.
2. Insert the raw LaTeX shortcode directly:
   

   [latex]$\overrightarrow { { M(F) }_{ O } } =\overrightarrow { OA } \wedge \overrightarrow { F } $[/latex]

   
   
   
3. Run HTML
   (Replace [latex] with the exact shortcode syntax your plugin uses.)

---

2. Enable Shortcode Parsing in Elementor​

Some users report that Elementor’s Text Editor widget strips shortcodes. To fix this:

1. Edit with Elementor → Add a Text Editor widget.
2. Paste your LaTeX code with shortcodes (e.g., [latex]...[/latex]).
3. Go to Elementor → Settings → Advanced and toggle on Enable Unfiltered File Uploads & Allow Shortcodes.

---

3. Use MathJax with Elementor​

If WP QuickLaTeX still doesn’t work, switch to a MathJax-based plugin (works universally in WordPress):

1. Install a plugin like MathJax-LaTeX or MathJax Block.
2. In Elementor, use a Text Editor or HTML Widget and write LaTeX directly:
   
   
   

       Inline: \( \overrightarrow { M(F)_O } = \overrightarrow{OA} \wedge \overrightarrow{F} \)
       Block: \[ \overrightarrow { M(F)_O } = \overrightarrow{OA} \wedge \overrightarrow{F} \]

---

4. Use Gutenberg Blocks Inside Elementor​

If you want to keep using WP QuickLaTeX:

1. Install Elementor Blocks for Gutenberg.
2. In Elementor, use the "Gutenberg Block" widget to embed your existing LaTeX-enabled Gutenberg blocks.

---

5. Custom CSS/JS (Advanced)​

Manually load MathJax in Elementor:

1. Add this code to your theme’s functions.php or a custom plugin:
   

   add_action('wp_head', function(){echo '<script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>';
     echo '<script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>';
   });

2. In Elementor’s Text Editor, write LaTeX using \(...\) for inline or \[...\] for block equations.

---

Troubleshooting​

• Clear all caches (plugin, browser, CDN).
• Ensure your LaTeX syntax is correct (e.g., no missing $ or \).
• Test with a default WordPress theme (e.g., Twenty Twenty-Four) to rule out theme conflicts.

If none of these work, consider reaching out to WP QuickLaTeX’s support team for Elementor compatibility guidance. You can also explore alternatives like KaTeX for faster rendering.

Let me know if you need further help!