How to use Quran Tajweed (with colors) ?

fikri

Can you please explain how we deal with the quran tajweed (with the colors) ?
I know there is a tool for it that converts it to <tajweed> tags (with css classes) and applies a certain css to it.
That could all work if you would have a website (html).

But what if I wanted to use this in a mobile application? Like in my case .NET MAUI (C#).
Every ayah is a label which has a font (in my case Kitab) and a text color can be set. But that would count for the whole ayah and not for one character only.
Or do we have to use the images instead? (don't hope so, because that would mean a lot of data)
I know i'm missing something here, but I don't see it yet :-)

Do you have any ideas? Would be very thankful

Thanks in advance!

meezaan

fikri Apologies for the slow response.

Can't you split the text for one ayah and insert labels and a colour? You might have to do this somewhere in a middleware or backend for front end layer if you can't do it on the actual client.

fikri

Thanks for the reply.
Meanwhile I'm actually using a label and colour like you mentioned. It's all with replacing etc. That works but I just wondered if there isn't an alternative?

And is it right that there is only one coloured tajweed for one edition only? (quran-tajweed edition. See Font Edition Tester)
I was trying to get it work with other editions as well, like quran-uthmani-quran-academy, but I guess that it will not work?
Am I right or am I missing something? The reason I like the "quran-uthmani-quran-academy" edition is because of the suqoon (not being a circle).

Thanks in advance for your help and advice/information.

meezaan

fikri Meanwhile I'm actually using a label and colour like you mentioned. It's all with replacing etc. That works but I just wondered if there isn't an alternative?

No. I suppose one way could be to provide this JSON via an API, but I'm not sure what the appetite for that is and if it's worth writing.

fikri And is it right that there is only one coloured tajweed for one edition only? (quran-tajweed edition. See Font Edition Tester)
I was trying to get it work with other editions as well, like quran-uthmani-quran-academy, but I guess that it will not work?
Am I right or am I missing something? The reason I like the "quran-uthmani-quran-academy" edition is because of the suqoon (not being a circle).

Yes, tajweed is the only edition for tajweed colouring.

meezaan

fikri Try https://github.com/vipafattal/TajweedParser.