Phoenix Code
Arabic/Hebrew Support #1676
-
|
Strangely, Phoenix Code does not support Arabic. I am facing an issue where the Arabic text I am using is appearing in gibberish. Can you please add a support for Arabic/Hebrew? |
Beta Was this translation helpful? Give feedback.
Replies: 1 comment 4 replies
-
|
Is this is live view? Is arabic text property displayed in the coding surface? Phoenix cide has native support for Arabic/Hebrew. |
Beta Was this translation helpful? Give feedback.
-
|
Yes. I was using live preview. Unfortunately, Phoenix Code did not process the Arabic text I used with my code. It was basic HTML and CSS with no additional script. If this helps more, I tried using both the MacOS app and web IDE. Both shows the same issue. Basically, when I apply any CSS rules to the Arabic text, Phoenix Code starts showing gibberish text. |
Beta Was this translation helpful? Give feedback.
-
updateIn the next release (available June-last), we have added support for partial html rendering in Arabic/non-English languages too. This should help with your workflow. Earlier answerI think i got what the issue is @highdefinitionsound . The html is not syntactically correct. That is, you need to specify correct Also for arabic, the meta tag should be there to render across browsers consistently. BTW, Which browser are you using to test? I would recommend using the desktop app in macs. Please try this code: <!doctype html>
<html lang="ar" dir="rtl">
<head>
<meta charset="utf-8" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:[email protected]&display=swap"
rel="stylesheet" />
<style>
.noto-sans-arabic {
font-family: "Noto Sans Arabic", sans-serif;
font-optical-sizing: auto;
font-weight: <weight>;
font-style: normal;
font-variation-settings: "wdth" 100;
}
</style>
</head>
<body>
<p class="blog-post-meta"> 1 يناير 2021 بواسطة <a href="#"> Mark </a></p>
</body>
</html>This should work. |
Beta Was this translation helpful? Give feedback.
-
|
Thank you so much for the help. That worked perfectly with me! I have been using VS Code alot in the past few months and I gave myself the impression that Phoenix Code works the same way. I usually use code snippets without <!DOCTYPE.. > nor due to the type of my company’s website. We are using Liferay as a web solution that abuses widgets and applets, and it is terrible in every way possible to use with lots of unnecessary JavaScript codes wrongfully used APIs that killed performance. Anyways, thank you so much. |
Beta Was this translation helpful? Give feedback.
-
|
@highdefinitionsound In the next release (available June-last), we have added support for partial html rendering in Arabic/non-English languages too. This should help with your workflow. Thanks for reporting the issue! |
Beta Was this translation helpful? Give feedback.
update
In the next release (available June-last), we have added support for partial html rendering in Arabic/non-English languages too. This should help with your workflow.
Earlier answer
I think i got what the issue is @highdefinitionsound . The html is not syntactically correct. That is, you need to specify correct
HTMLheadandbodytags.Also for arabic, the meta tag should be there to render across browsers consistently.
<meta charset="utf-8" />BTW, Which browser are you using to test? I would recommend using the desktop app in macs.
Please try this code: