After my new feature video was posted many Arabic speaking Flashers mentioned how the text that I showed didn’t look right. The problem was that the ligatures weren’t connecting properly. I have made a little demo using Flash CS5 below that I think fixes it. It is using Arial as a device font. If you can read Arabic please view and enter some text below and let me know if it looks right.
[kml_flashembed publishmethod="static" fversion="10.0.0" useexpressinstall="true" movie="arabic.swf" width="670" height="180" targetclass="flashmovie"]
[/kml_flashembed]
Thanks!
Lee
I’m Persian, it’s seems OK to me, but the debugger seems to have some problems with it and I’ve got some errors, and wired thing about that is kindda hard to select the text, most of the times impossible!
Yes it shows correctly now
.. this is great
It seems OK.
How about Thai language please…i did notice obviously/serious bug via air2 HTML Input text…also submit that bug to air2 bug report page without any response, that’s why I think close beta is not good idea totally ;/
I am Egyptian. Yes, the paragraph is correct.
A Question beside to you Lee: The Twitter-Bird on this page-header… is he copyright-protected or is he free to use for my own page?
I am Egyptian, it’s correct Lee and I had this problem in flash builder 4 and the text displays and works correctly with font like Arial, Tahoma and Traditional Arabic. but there is a problem Lee that when I embed pure Arabic fonts the words act strange and not all fonts works well.
I want you to try font like this one :
http://freearabicfonts.com/download.php?file_name=abasan2
it displays good but try to select text or change it in runtime and you will see the problem.
Note : my testing is on Flash Builder 4 Beta 2
Thanks Lee for your Interest and Hope to see you in Egypt
Looks fine to me too, though I don’t speak the language (I speak Swedish).
I just finished a project at work though which required both Persian (farsi) and Arabic. It’s funny that this will be possible first in CS5, right after I needed it the most
Here’s a good solution though if you want to use the text as vector graphics in flash:
- Write the arabic text you need in the Text Editor in Mac OS for example. Then print as a PDF file. I tried this with notepad in Windows but it didn’t give the same results, did not embed the shapes in the same way thus ended up not working.
- Import the PDF in Illustrator. Select and copy the shapes.
- Paste in Flash. There will be some extra invisible squares imported which I advice you to delete, since these will mess upp possible filtering by becoming extremely large in pixel size (VERY strange I know).
Voila, you now have the correct text.
The text that is already being displayed looks fine, but i was unable to type in Arabic.
I’m on osx.
Hi Lee,
The ligatures are working fine this time, also selecting the text with the mouse works correctly, no funny stuff in there.
However, keyboard selection of text doesn’t work properly.
If you try to move within the text using the keyboard arrow keys, and you press the left arrow, the cursor moves to the right instead of moving to the left so pressing the left arrow key will not take you to the end of the line as it supposed to, it will take you to the beginning.Arabic is a Right To Left language you know…
It’s look great except for the third word from the end in the last line. I appreciate adobe team effort. I made some test using textlayout component in flash cs4 and it’s work correctly.
It looks ok, exept in the words where you use these 2 lines on a letter, you know like in “?????” word, theres a little problem.
Greetings lee ..
There are extra space between last letter and the latter before it in the following words :
?????? which is 4th word in your text .
????? which is 12th word in your text .
???? which is 17th word in your text .
you should remove one space to look right
looks like i can not type Arabic words in you blog so that is why it appears as question mark .
I have been testing this out in Hebrew and there is an issue with text input on Mac I have also noticed some other issues. Both in Flash CS5 and the flex text lib.
It’s seems ok to me too, and I agree with “Farid” ; there is still some problems with selecting text with punctuation marks correctly.
@ALL
in both of my desktop and laptop the text displays in the right and I agree with Farid and Nassif that there some problems with other fonts like I said in my previous comment .
All people born free and equal in dignity and rights. They are endowed with reason and conscience and should act towards one another in a spirit of brotherhood.
In English
Nice words there i tested it and works fine thank you lee i am waiting for flash cs5 so i can create flash content in arabic easily and avoid all the dead decks
VerifyError: Error #1053: Illegal override of IMEClient in flashx.textLayout.edit.IMEClient.
at flashx.textLayout.edit::SelectionManager/selectRange()
at fl.text::TLFTextField/setSelection()
at fl.text::TLFTextField/repaint()
I’m Persia . this is fine .
Looks great. There might be a problem with vowel diacritics as they are slightly off the letters (as it looks on OS X). But this might be due to the font.
Happy to know we’re finally going to see Arabic content in Flash.
I just saw your tutorial and I thought I’ll be the first person to tell you that the text didn’t look right when you published the file.
I was kind of smiling to see that the first post on your website was about the same issue!!
Hello… I did a project recently in Arabic and Chinese and there were a few problems with both. This may help a few people.
Arabic.
Most fonts don’t actually work, the Alef’s and Lams are wrong and there is incorrect spacing. Adobe Arabic does work. In the end we had to go and ask the people that had created the Arabic font we wanted to use to customise an existing font. I’m not entirely sure what they did, but this did fix the problems with the ‘Alef’s and Lams’. In the end we used a version of Isra-Thin.ttf – when we received the font back, if you view it in fontbook, it has double arrows everywhere, I’m not sure what there purpose is, but they did fix the problems, and you’ll notice they are there on Adobe Arabic also.
Chinese.
Chinese fonts are huge. The better looking ones can be 15MB, which is a lot to embed, and we found that smaller size fonts tend to drop characters. The font we ended up using was the Hei.dfont – but you do need to extract the hei.ttf font from that to embed via Gumbo. The font size in the end was around 4MB and it wasn’t dropping characters.
That’s seems ok…
TanQ
I’m using Opera, the text looks fine but theres some funky text scroll as I scroll the browser itself. Is it a problem or is that the way flash movie behave?
There is an extra space in the 3rd word from the bottom “?????” – this is a problem we were having on an arabic site we did – the problem is that wherever there is a Diatrics sign in a word – the Diatrics sign is considered as a character and flash adds a space for it -
how can we solve this ?
thx nabil
I’m eskimoan, and a little drunk, it look ok to me
looks sweet and nice. Next al-Quran for PlayStation Portable now can do more things, since for the current version I’m only using picture to load
thanks adobe!
I agree with #13, the alifs at the end of ahraran and domeeran, which display the diacritics, are too far spaced off the preceeding r. These are unattached due to the nonalision of the r. Also the alif on the third-last word has a funny bit of ligature coming from, but not connecting to the preceding daal. This alif should look like the other detached alifs. I’m also viewing on osx.
Otherwise great!
Hi Lee,
I work as Developer and French/Arabic Advisor. Here is my comments:
- Typing in Arabic into the page is fine.
- Copying text from the page into a word document is fine.
- Copying text from a word document into the page is fine. However, since Arabic is the opposite of English language, I mean you write from right to left, text seems to go left (but still correct). It needs to be selected and moved back to right.
I hope this helps. Thanks
H.
Just another note. Vowels need to be typed properly.
finally
this is agreat break through..
big thanks to flash development team…you all are awesome
“I’m eskimoan, and a little drunk, it look ok to me”
LOLLL
again this is great -
Please see comment : #13 regarding the extra space in the 3rd word from the bottom -
it seems like when there is a diatrics sign on top of one of the chartacter, Flash adds a space as if it considers the diatric sign as its own character
thx nabil
Hi Lee,
Thank you for the Tour over Cs5,
the Paragraph is correct but not 100%
why??
because in Arabic there is Letterand something related to Grammer, we read it in Arabic as Tashkeel I don’t know the word in English
when the Tashkeel is written in this text you got extra space which is incorrect. but if you type letters only it seems to be ok.
another thing this is correct for the device font only, but we need to test on other fonts, because art pepole not happy with device fonts.
Tashkeel is like the two small Dashes in the word that become before the last word by two
@ Mohamed Atia , actually i tested adobe flash text layout framework and it’s really great with arabic text after adding Tashkeel ,don’tworry about that and don’t forget that you can use Adobe Arabic Fonts !
That Really Great job from Adobe team and it’s good mile in support many languages, also it will be the first RIA builders (Flash CS5, FB4) support Arabic language.
But when can we use it inside flash catalyst ?
Thanks Lee.
regards,
A_Rabieh
I wonder when adobe will finish the TLFTextField class.
Currently only 60% of it works.
There’s a “throw new Error(notImplemented(“…”));” everywhere.
I think Adobe Flash Builder 4 will contains complete TLF !
hey lee,
i don’t know why the arab ppl visited this page didn’t mention this till now, but after watching the video, this version also doesn’t support arabic, it really has magnificent options for right to left languages but there is something critical which is. arabic language is not satisfied only by printing letters, its cursive language, the video shows the letters disconnected but laying side by side. its not readable this way. and all previous versions of flash had the same problem.
you can look at what you entered in the flash and what you got after executing it. you’ll see clearly they are not the same
regards,
my bad i thought you are just selecting arabic words not worked out with flash, its perfect
No I can’t write arabic I use mac snowleopard
mx.core.FTETextField nor the fl.text.TLFTextField work corrently.
40% not implemented
Lee, do u happen to know when will adobe finish the lib?
Hi lee
I had to do a huge English/Arabic project last year and after much frustration been a flash IDE developer and with all TLF development been done in the flex realms , I had to create my own solution using the TLE classes available with CS4. Fonts were an issue and as far as I can remember Adobe Arabic was not working correctly. A font swc had to be created in flex, included in the IDE’s swc imports and created at runtime in flash to take advantage of the EMBEDDED_CFF. I was involved in some discussions on adobes forum and I was pointed in the direction of having to use Arial that shipped with Vista (arial version 4) as Arial from XP had non zero diacritic problems. This all been said I managed to get it all working , but with no input or selection of fields been possible..what a mission .. so good on you and Adobe for dedicating your time to look into making CS5 handle arabic correctly as it is really difficult at the moment in CS4.
yes , I can see it well .
Thank you soo much for this. Watching the video, I thought, OMG why is this not showing right but thank God it works. This is a huge improvement for many!
The text that is already being displayed looks fine, but i was unable to type in Arabic.
woooow finally..
Arabic support..
works great thank you..
like your blog BTW..
you cant mix arabic and english in same line
Hi,
Good to see the support for Arabic is getting better. However iv noticed it still dosnt work if its displayed in a transparent window. eg an Air app. Any one know if adobe have any plans to fix this?
Thanks alot although it is not 100% perfect, but it is still major Arabic support improvement. Extra Space problem mentioned #13 is the most annoying one. Tashkila is not a problem you can get around it simply by considering each letter had three cases (??? &??? &??) like the two english case (upper & lower)and not adding an extraspace. What about FlashLite support?.
When I Copy some selected text from the previous example and Paste it The text size shrunked to a smaller one ?!!! Any explanation Please?!!
Hi Lee,
I am new in Flash.
Where is your new featured video? when i click on it , it takes me to GoAndLearn website. but i can not figure out which one is the video you mentioned.
After i paste all arabic sentences, i want to caption it with an audio in flash CS5. How to do it?
Please instruct me .
Kindly,
Tom
Please
U Done a Great Job.. it works just like a chrome..