[Feature Request] Maths Support

[garv-shah]

I was wondering if it was possible to add maths support with LATEX? This plugin could be quite good to implement something like that.

I'd be happy to do it myself, but I'm not too sure how to add a new element to the page UI. I skimmed through the documentation but it wasn't quite clear, would I start with the text_block.dart file?

Thank you very much!! :)

[singerdmx]

Does quill define format for it?

[garv-shah]

format for the maths input?

[singerdmx]

Need the corresponding attribute for it. Please check quill documentation.

[garv-shah]

i presume it wouldn't be within the main quill package but rather in something likes mathquill

[singerdmx]

We need to make sure web version of react quill can be compatible

[garv-shah]

I'm pretty sure it is, since there are quite a few "react-mathquill" type packages which seem to work together from a quick google search

[singerdmx]

So what is it like for underlying json data?

[garv-shah]

I think it would just have a tag like normal, and then the math would be stored as LATEX

If you can guide me through how to add additional components, I could try to add it myself?

[singerdmx]

Please go through https://youtube.com/playlist?list=PLbhaS_83B97vONkOAWGJrSXWX58et9zZ2 if you don't understand what I mean by attribute.
Again, the first thing is to define json data as in

https://github.com/singerdmx/flutter-quill/blob/master/example/assets/sample_data.json

[garv-shah]

It's all maths stored as LATEX (or KATEX) inside the JSON
If you look at https://quilljs.com/docs/formats/ it's the "Formula" attribute, the same as normal maths in quilljs, and it can be edited with the package I linked above
I can't find an example of a JSON with the data, but if you can find a comprehensive quilljs one, you should be able to find it

[garv-shah]

oh, i watched the videos, and it seems you went through the same website I sent :P
so yeah, the attribute we're looking at is the embed that's not supported yet, which is formulas

[singerdmx]

Try https://codesandbox.io/s/3zf03 and you can intercept web traffic to figure out the json

[garv-shah]

i got it typed in, how do I get the JSON? sorry, i can't find it in dev tools

[singerdmx]

[garv-shah]

that just seems to be giving me html? is there a way to export the delta document?

[singerdmx]

It is possible if you know react

[garv-shah]

sorry you might have to do it for me :/

[garv-shah]

I made a commit to my fork here and it seems easy enough to add a new toolbar entry and create a new widget to show the maths keyboard, buttt for some reason flutter quill has a very odd focus system which makes it so you can't type in the textbox like normal

Is there somewhere I can edit to fix up the focus, because it's currently quite broken

[singerdmx]

If you cannot figure out the json data, I am unsure what to talk about

[singerdmx]

This will be my final comment until json data is figure out. Please don't expect me to reply more

[garv-shah]

I'm not sure how to use react so I won't be able to figure out how to extract it from the link you sent

It seems like you've been able to type in expressions yourself so would you please be able to extract the JSON data for me?

[garv-shah]

ended up learning the basics of react to try and get the json data, here it is:

{
  "ops": [
    {
      "insert": {
        "formula": "x=\\frac{-b\\pm\\sqrt{b^2-4ac}}{2a}"
      }
    }
  ]
}

would we be able to go ahead with implementing the formula attribute?

[singerdmx]

Sure. Please add this in https://github.com/singerdmx/flutter-quill/blob/master/example/assets/sample_data.json

[garv-shah]

#899
done!