# Discourse Math Editor

**URL:** https://meta.discourse.org/t/discourse-math-editor/149363
**Category:** Plugin
**Created:** [April 26, 2020, 4:32pm UTC](https://meta.discourse.org/t/discourse-math-editor/149363 "2020-04-26T16:32:49Z")
**Posts on this page:** 15
**Page:** 1

<div class="post-metadata">

### Author: ![spirobel](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/spirobel/32/170908_2.png) [@spirobel](https://meta.discourse.org/u/spirobel)
#### Post date: [April 26, 2020, 4:32pm UTC](https://meta.discourse.org/t/discourse-math-editor/149363/1 "2020-04-26T16:32:49Z")

</div>

Discourse Math Editor is a plugin to enter math equations into Discourse in a more user friendly way. This editor helps you to create LaTeX. Please read on wikipedia about it if you dont know what it is: [wikipedia](https://en.wikipedia.org/wiki/LaTeX)  
For more documentation on all the LateX commands that you can use please have a look here: [mathlive docs](http://mathlive.io/)  
And please watch the video:

[![](https://global.discourse-cdn.com/meta/original/4X/c/7/e/c7ec194ee1198aa7a7b61a7a0ab01015712cb156.jpeg "Discourse.org - user friendly equations!") ](https://www.youtube.com/watch?v=SOxe3-lxXlk)

## Installation

Follow [Install a Plugin](https://meta.discourse.org/t/install-a-plugin/19157)  
how-to from the official Discourse Meta, using `git clone https://github.com/spirobel/discourse-matheditor.git`  
as the plugin command.  
You also need to use the official math plugin together with this:  
[offical math plugin](https://meta.discourse.org/t/discourse-math-plugin/65770)  
I recommend using KateX instead of MathJax, its way faster (at least for me).

> Thaaaats it

---

<div class="post-metadata">

### Author: ![ozkn](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ozkn/32/196013_2.png) [@ozkn](https://meta.discourse.org/u/ozkn)
#### Post date: [April 27, 2020, 2:08am UTC](https://meta.discourse.org/t/discourse-math-editor/149363/2 "2020-04-27T02:08:50Z")

</div>

Wonderful news. Thank you.

Can math editor icon change location?

 ![20200427_050534](https://global.discourse-cdn.com/meta/original/3X/7/4/74c43dcabfc031d6da6c8ea4fb85d66163ebb616.jpeg)

---

<div class="post-metadata">

### Author: ![Bank\_Live](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/bank_live/32/75893_2.png) [@Bank\_Live](https://meta.discourse.org/u/Bank_Live)
#### Post date: [April 27, 2020, 5:35am UTC](https://meta.discourse.org/t/discourse-math-editor/149363/3 "2020-04-27T05:35:54Z")

</div>

We can add output to plugin or not.

 ![ภาพ](https://global.discourse-cdn.com/meta/original/3X/b/2/b2d71ed9e14f1b9116c61a3ef84895918a49a679.jpeg)

---

<div class="post-metadata">

### Author: ![spirobel](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/spirobel/32/170908_2.png) [@spirobel](https://meta.discourse.org/u/spirobel)
#### Post date: [April 27, 2020, 6:39am UTC](https://meta.discourse.org/t/discourse-math-editor/149363/4 "2020-04-27T06:39:24Z")

</div>

thanks for the suggestion, it makes sense. I will have a look at it!

---

<div class="post-metadata">

### Author: ![spirobel](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/spirobel/32/170908_2.png) [@spirobel](https://meta.discourse.org/u/spirobel)
#### Post date: [April 27, 2020, 6:42am UTC](https://meta.discourse.org/t/discourse-math-editor/149363/5 "2020-04-27T06:42:49Z")

</div>

do you mean the graph below the box like in the mathlive docs? I think its a good idea, but probably better handled in a different plugin. What do you think about this plugin:

> [@Discourse Graphviz](https://meta.discourse.org/t/graphviz-plugin/97554):
>
> discourse2Summary Discourse Graphviz provides the ability to add graphs to posts using the DOT language.open_bookInstall Guide This plugin is bundled with Discourse core. There is no need to install the plugin separately. Features This plugin uses the [Viz.js](https://github.com/mdaines/viz.js) library to render graphs. To embed a graph use [graphviz] [/graphviz] bbcode. Optionally you can define layout engine attributes: [graphviz engine=neato]. If engine is not defined, it defaults to the dot engine…

Does it fit your use case?

---

<div class="post-metadata">

### Author: ![Bank\_Live](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/bank_live/32/75893_2.png) [@Bank\_Live](https://meta.discourse.org/u/Bank_Live)
#### Post date: [April 27, 2020, 7:00am UTC](https://meta.discourse.org/t/discourse-math-editor/149363/6 "2020-04-27T07:00:15Z")

</div>

> [@spirobel](#):
>
> do you mean the graph below the box like in the mathlive docs? I think its a good idea

Yes i mean. Graphviz plugin I’m not sure whether it can display mathematical images or not.

---

<div class="post-metadata">

### Author: ![spirobel](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/spirobel/32/170908_2.png) [@spirobel](https://meta.discourse.org/u/spirobel)
#### Post date: [April 27, 2020, 7:13am UTC](https://meta.discourse.org/t/discourse-math-editor/149363/7 "2020-04-27T07:13:02Z")

</div>

I think from using inspect element on [mathlive.io](http://mathlive.io) that he is using [Plotly javascript graphing library in JavaScript](https://plotly.com/javascript/) if there is a need for other plotting libraries maybe we can use the graphiz plugin as a starting point and integrate them in a similar way.

---

<div class="post-metadata">

### Author: ![Ed\_Bobkov](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ed_bobkov/32/200014_2.png) [@Ed\_Bobkov](https://meta.discourse.org/u/Ed_Bobkov)
#### Post date: [April 30, 2020, 11:34am UTC](https://meta.discourse.org/t/discourse-math-editor/149363/8 "2020-04-30T11:34:45Z")

</div>

I’m not a math person and working with languages, I’m interested, is it possible to create a plugin with google virtual keyboard?

> **[Google Input Tools](https://www.google.com/intl/en/inputtools/try/)**

---

<div class="post-metadata">

### Author: ![Ed\_Bobkov](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ed_bobkov/32/200014_2.png) [@Ed\_Bobkov](https://meta.discourse.org/u/Ed_Bobkov)
#### Post date: [May 2, 2020, 8:25am UTC](https://meta.discourse.org/t/discourse-math-editor/149363/10 "2020-05-02T08:25:08Z")

</div>

by the way, I found some posts here that people living in other countries can’t type in their native language, because they don’t have a local keyboard with PC or laptop. Of course they can use online keyboards, but it’s smth like a ‘wooden wheel’ in a new auto .

---

<div class="post-metadata">

### Author: ![spirobel](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/spirobel/32/170908_2.png) [@spirobel](https://meta.discourse.org/u/spirobel)
#### Post date: [May 2, 2020, 8:36am UTC](https://meta.discourse.org/t/discourse-math-editor/149363/11 "2020-05-02T08:36:00Z")

</div>

This is actually something I am interested in as well. I am learning how to create discourse plugins because I want to create a collaborative mandarin dictionary. Its quite a big project, so I am creating these smaller plugins first that have similar features so I can experiment on how to implement the whole thing. We can not use the google virtual keyboard, because it seems like its not an open source library. But a quick google search shows that there are open source virtual keyboard solutions: for example I just came across this one: [Virtual Keyboard](https://mottie.github.io/Keyboard/)  
I think the big downside of these keyboards is that the typing is very slow. So usually if I want to type in a different language I install something like unikey for vietnamese for example or sunpinyin for mandarin. I expect that most of my users will be able to type in their language so I am not planning to add a virtual keyboard. But I also want to have a way to input pinyin and zhuyin with tones. I still havent figured what to do about this. Which languages are you working with?

---

<div class="post-metadata">

### Author: ![xiasummer](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/xiasummer/32/82790_2.png) [@xiasummer](https://meta.discourse.org/u/xiasummer)
#### Post date: [January 14, 2022, 7:21am UTC](https://meta.discourse.org/t/discourse-math-editor/149363/19 "2022-01-14T07:21:31Z")

</div>

This is very beautiful!  
Can this be done? Will it cost much hardware resource?

---

<div class="post-metadata">

### Author: ![Mark\_Wass](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mark_wass/32/290526_2.png) [@Mark\_Wass](https://meta.discourse.org/u/Mark_Wass)
#### Post date: [January 25, 2024, 3:51am UTC](https://meta.discourse.org/t/discourse-math-editor/149363/20 "2024-01-25T03:51:05Z")

</div>

@spirobel I just installed your plugin and now I’m getting this error. Any chance you will be updating your awesome plugin?

`Error: the 'matheditor-modal' modal needs updating to work with the latest version of Discourse. See https://meta.discourse.org/t/268057.`

---

<div class="post-metadata">

### Author: ![kuaza](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/kuaza/32/264151_2.png) [@kuaza](https://meta.discourse.org/u/kuaza)
#### Post date: [April 1, 2024, 5:12am UTC](https://meta.discourse.org/t/discourse-math-editor/149363/21 "2024-04-01T05:12:55Z")

</div>

This plugin needs to be updated. It causes errors in the editor area.

 ![image](https://global.discourse-cdn.com/meta/original/4X/6/e/6/6e620d2b4bd02011ba312c6d5eea87a6237cba98.png)

---

<div class="post-metadata">

### Author: ![Ethsim2](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ethsim2/32/522255_2.png) [@Ethsim2](https://meta.discourse.org/u/Ethsim2)
#### Post date: [April 4, 2025, 6:24am UTC](https://meta.discourse.org/t/discourse-math-editor/149363/23 "2025-04-04T06:24:59Z")

</div>

Hi Spirobal,

your plugin is very useful, particularly for mobile devices.

There has been the many discourse updates since Apr 2024, and i haven’t seen this plugin topic be marked as “broken”, so i assume the above faults weren’t reproducible on later discourse releases?

---

<div class="post-metadata">

### Author: ![Ethsim2](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ethsim2/32/522255_2.png) [@Ethsim2](https://meta.discourse.org/u/Ethsim2)
#### Post date: [June 17, 2025, 9:27pm UTC](https://meta.discourse.org/t/discourse-math-editor/149363/24 "2025-06-17T21:27:02Z")

</div>

has anyone had any success with this on smartphone recently?
