I am building an app which will include questions from physics,mathematics and chemistry.So it is bound to have symbols which are often used in those subjects.I am exactly needing what math.stackexchange.com is using i.e. showing mathematical symbols inline with text and that too put up so neatly.
What I have tried till now: I have tried to use
https://developers.google.com/chart/infographics/docs/formulas
I get the mathematical symbols in form of png images using the API shown in link above but the problem I am getting after getting the image as bitmap in my app is that I don't know how to put that image neatly inline with the surrounding text like math.stackexchange.com does it. More information about my app:I am using Firebase as the database for my app,so each question is in the form of JSON object where there are key value pairs for problem and multiple options and correct option.My app only lets the user read from the database. What I want to know:How exactly can I read the data from my database in such a way that mathematical symbols are perfectly inline with surrounding text as neatly as math.stackexchange.com does it?