Equations not rendered cleanly

[bronze7]

Let me clarify, the existence of this app is a big boon for anyone like me who wants to work with mathematica. I don't know if this issue is only for me but it's not a big one if it is. I just want to make an enchancement request. The equations output is readable, it doesn't come out cleanly written as in mathematica. Is it an issue with Latex (which I do have installed in my PC)?

[JerryI]

Thanks @bronze7 :)

Cleanly, do you mean the height of brackets and etc?

This output looks normal in terms of the current conditions of WLJS. The is probably a price for being the first one (wljs team), who implement 2D decorated input/output using open-source tools from scratch and keeping the performance on the acceptable level. We do not use Latex, all syntax sugar is done manually using CSS, where each subscript or part of a fraction is a a new copy of the editor coupled to the parent one. You can edit the output, and it is a valid input form as well (unlike in Jupyter and in many others)

We can still improve the way how square roots look, but matching the height of brackets is a big pain, since it would require making requests to the parent DOM computed size, which is relatively slow in JS.

[bronze7]

@JerryI I see. I did mention the equation is quite readable just a small enhancement would make it look better and clean. I really wish I could help contribute in this matter but I don't know a lick of JS :( but I have heard about some JS libraries which support LaTeX like KaTeX (I think you might have too). Not sure how well it can integrate or functional it is.

[JerryI]

but I have heard about some JS libraries which support LaTeX like KaTeX (I think you might have too). Not sure how well it can integrate or functional it is.

We use those for markdown mode and also presentation cells. Unfortunately it is not applicable to the input code editor ;( since the input is too general (colors, dates, any graphical object). The rendering is based on Decorations technique of CodeMirror 6. Even docs for them is quite complicated.

However, I would anyway like to leave here the information. Our editor repository is wljs-editor and works independently from wljs ecosystem.

and here is forum topic I opened to discuss with Marijn (creator of CM6) on how to make the height of brackets right (did not progress so far)

[bronze7]

@JerryI I understand. What you achieved so far and continue to do is still commendable. I hope that you'll be able to solve the issue and someday the app truly becomes what you want it to be ie. A fully featured, free version of mathematica. 😸

[bronze7]

Another suggestion for a workaround: Take an image of the output cell and run it through image to latex converters like https://github.com/kingyiusuen/image-to-latex. This repo mentions it uses python so I don't know how it can integrate with JS. I don't have experience in this regard so excuse me if I sounded stupid. 😅