Mathlive : WYSIWYG equation editor #13

ragloo commented 2026年06月26日 09:08:29 +02:00

autre

The problem

Editing equations in source code mode is tedious and proofreading is difficult.
The editing of academic documents suffers and limits the use of the tool, which loses its ergonomics, which is a shame.

Proposed solution

Solutions exist, and among them, is the excellent Mathlive which supports Typst.

The idea is to be able to combine the power of source code and the ergonomics of an ultra-complete WYSIWYG equation editor.

See for example the animation below :

https://raw.githubusercontent.com/MizarZh/obsidian-mathlive-codemirror/HEAD/assets/example.gif

Could Typst do this?

Yep, Mathlive supports Typst !

Additional context

Some excellent realizations for Obsidian :

1. https://github.com/MizarZh/mathlive-in-editor-mode
2. https://github.com/danzilberdan/obsidian-mathlive

TyX has a WYSIWYG equation editor based on Mathlive
https://github.com/tyx-editor/TyX
https://raw.githubusercontent.com/tyx-editor/TyX/main/docs/_static/math-editor.gif

Texlyre has also a Mathlive plugin but no direct inline preview which makes it more difficult to reread the source document 👍
https://github.com/TeXlyre/texlyre

<!-- Thanks for the idea. A clear problem statement is more useful than a pre-decided solution; it leaves room for the best design. --> autre ## The problem Editing equations in source code mode is tedious and proofreading is difficult. The editing of academic documents suffers and limits the use of the tool, which loses its ergonomics, which is a shame. ## Proposed solution Solutions exist, and among them, is the excellent [Mathlive](https://mathlive.io/) which supports Typst. The idea is to be able to combine the power of source code and the ergonomics of an ultra-complete WYSIWYG equation editor. See for example the animation below : https://raw.githubusercontent.com/MizarZh/obsidian-mathlive-codemirror/HEAD/assets/example.gif ## Could Typst do this? Yep, Mathlive supports Typst ! ## Additional context Some excellent realizations for Obsidian : 1. https://github.com/MizarZh/mathlive-in-editor-mode 2. https://github.com/danzilberdan/obsidian-mathlive TyX has a WYSIWYG equation editor based on Mathlive https://github.com/tyx-editor/TyX https://raw.githubusercontent.com/tyx-editor/TyX/main/docs/_static/math-editor.gif Texlyre has also a Mathlive plugin but no direct inline preview which makes it more difficult to reread the source document 👍 https://github.com/TeXlyre/texlyre

louis2038 commented 2026年06月26日 10:24:03 +02:00

I do not agree with you. I think that, unlike LaTeX where the code itself is unreadable, a solution like this can be interesting, but the goal of Typst is to have readable code. So it will be more painful for Typst usage to have this type of editor (maybe you/we can develop a plugin if some other people want). Personally, I write Typst with Unicode directly, for example: ∀ x ∈ R , G(x) ↔ A(x'). So it is already very convenient!

I do not agree with you. I think that, unlike LaTeX where the code itself is unreadable, a solution like this can be interesting, but the goal of Typst is to have readable code. So it will be more painful for Typst usage to have this type of editor (maybe you/we can develop a plugin if some other people want). Personally, I write Typst with Unicode directly, for example: ∀ x ∈ R , G(x) ↔ A(x'). So it is already very convenient!

ragloo commented 2026年06月26日 13:22:57 +02:00

@louis2038 I agree, this aspect is also very important to me !
Which is why the solutions I mentioned above generate typst code, nothing else 👍

@louis2038 I agree, this aspect is also very important to me ! Which is why **the solutions I mentioned above generate typst code**, nothing else 👍

joch commented 2026年06月26日 14:51:06 +02:00

@ragloo I wasn't familiar with MathLive, thanks for the suggestion. The first link you provided goes to mathlive.fr was that intended? It seemed like on online learning sort of service to me. Some of the other links appear to related to this https://mathlive.io/ so I'm guessing that is the main project. Is there a relationship between those two?

I may be able to spend a bit of time investigating later next week. If there's any other feedback, interest, ideas, etc. about this I'd be curious.

@ragloo I wasn't familiar with MathLive, thanks for the suggestion. The first link you provided goes to mathlive.fr was that intended? It seemed like on online learning sort of service to me. Some of the other links appear to related to this https://mathlive.io/ so I'm guessing that is the main project. Is there a relationship between those two? I may be able to spend a bit of time investigating later next week. If there's any other feedback, interest, ideas, etc. about this I'd be curious.

ragloo commented 2026年06月26日 15:15:04 +02:00

@joch sorry my bad, the first link is indeed completly wrong, thank for the feedback ! Corrected. Thanks :)
I would like to take this opportunity to sincerely thank you for this great project. Its potential is, in my opinion, truly enormous. Congratulations !

@joch sorry my bad, the first link is indeed completly wrong, thank for the feedback ! Corrected. Thanks :) I would like to take this opportunity to sincerely thank you for this great project. Its potential is, in my opinion, truly enormous. Congratulations !