Hi everyone,
In my Bubble app, OpenAI generates math questions, and users need to write their answers back — often as math formulas (like x², √x, fractions, etc.).
What’s the best way to let users input math expressions in Bubble?
Is there a plugin or simple setup for a math input field or on-screen math keypad?
Thanks!
Easy answer: get an editor that supports LaTeX or mathML. TinyMCE can do this - but you’ll need an API key for the math plugin which is paid. There are some math viewers - Zerocode has one - but for text entry, you’ll need a compatible editor.
I’m using ‘TinyMCE v7 Advanced (standalone)’.
Hard mode: You could use an open source math expression builder (probably in JS), add a custom button to your TinyMCE editor to launch your own editor, then get a math renderer (such as the zerocode plugin, or some more JS)) to show it once it’s been added to the HTML code.
Thank you for your response! Could you please confirm if I understand correctly that I will need to pay $79 per month to use the math plugin?
Can’t say. It’s based on usage. You’ll need to do your own research to understand the pricing of TinyMCE. The cost could easily add up to more than $79 /mo.
Ok, thank you for the answer!
Hi @olgahvesko 
Thanks for your question — really cool use case you’re working on!
If you’re looking for a budget-friendly way to let users write and display math expressions in Bubble, we’d recommend checking out these two plugins:
LaTeX Math Equations Display Plugin
This plugin allows users to input their own LaTeX expressions directly and renders them as clean, properly formatted math.
Markdown Parser for AI Models Plugin
Ideal if you’re building an app that interacts with an AI model — for example, parsing markdown from OpenAI responses that include both text and equations. It helps style and render everything in a consistent and clean format.
Let us know if you have any other questions about either of the plugins.
Best regards,
Support Team
Browse all Zeroqode Plugins for Bubble
