Skip to content Skip to sidebar Skip to footer
Home / Latex / Mathjax / Pyqt5 / Python 3.x / Qt

How To Display Mathematical Typesetting (mathjax, Latex, Etc.) In Qt Using Pyqt5?

Post a Comment
I am fairly new to Qt and PyQt5 and would like to display mathematical typesetting in a GUI window. Specifically, I would like it to be able to update dynamically. I can't seem to

Solution 1:

I figured out how to do this in a manner that is quite easy and simple. The example given below requires internet connectivity to access the MathJax JS module.

  1. First, import QApplication and QWebEngineView.

    import sys
fromPyQt5.QtWidgetsimport QApplication
fromPyQt5.QtWebEngineWidgetsimport QWebEngineView

  2. Then, write a multi-line string containing HTML code. The code should import the MathJax javascript module. Then, write your mathematical equation...

    pageSource = """
             <html><head><scripttype="text/javascript"src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script></head><body><p><mathjaxstyle="font-size:2.3em">$$u = \int_{-\infty}^{\infty}(awesome)\cdot du$$</mathjax></p></body></html>
             """

  3. Finally, instantiate a QApplication, instantiate a QWebEngineView, and set the WebEngineView to show your newly written HTML code:

    app = QApplication(sys.argv)
webView = QWebEngineView()
webView.setHtml(pageSource)

  4. Don't forget to call show on your WebEngineView.

    webView.show()
sys.exit(app.exec_())

If you want to create an app that does not require internet connectivity to run the MathJax JS file, simply copy the JS module and save it as a string in your code.

Post a Comment for "How To Display Mathematical Typesetting (mathjax, Latex, Etc.) In Qt Using Pyqt5?"