The New Way to Build! Introducing ReUI — the developer platform for agentic UI with shadcn/ui
Learn More

Hebrew Text Shows Gibberish


Hello,

Im trying put a hebrew text to this page (pls view in mobile) and it looks bad..

Need help asap.

Jonah


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (8)


Hi,

May I know which template and version you are using?

In our templates we do not have such code: https://i.imgur.com/sXsAAtj.png and this seems to cause the issue.

You can try to remove the below code in your HTML head:


/*
Label the data
*/
td:nth-of-type(1):before { content: ""; }
td:nth-of-type(2):before { content: ""; }
td:nth-of-type(3):before {/* content: "׳ž׳¡×³â‚ª×³¨ ׳”׳–׳ž׳ ×³”"; */} /* Order No. */
td:nth-of-type(4):before { content: "׳×׳׳¨×³™×³Âš"; } /* Date */
td:nth-of-type(5):before { content: "׳™×³Âž×³™×³Â"; } /* Days */
td:nth-of-type(6):before { content: "׳™×³™×³¢×³“"; } /* Destination */
td:nth-of-type(7):before { content: "׳”׳×׳™×³™×³¦×³‘׳•׳×"; } /* Stabilization */
td:nth-of-type(8):before { content: "׳ ×³“׳¨×³©"; } /* Required */
td:nth-of-type(9):before { content: "׳©×³¢×³× ׳”׳×׳™×³™×³¦×³‘׳•׳×"; } /* Check-in Time */
td:nth-of-type(10):before { content: "׳©×³¢×³× ׳¡×³™×³•׳"; } /* End Time */
td:nth-of-type(11):before { content: "׳”׳¢×³¨×³•׳×"; } /* Remarks */
td:nth-of-type(12):before { content: "׳¡×³˜×³˜×³•׳¡"; } /* Status */


Regards.



Hello, nope.. I cant remove that code.. i will send you the original code form the html file.


That was the data in html file
/*
Label the data
*/
td:nth-of-type(1):before { content: ""; }
td:nth-of-type(2):before { content: ""; }
td:nth-of-type(3):before { content: "מספר הזמנה"; } /* Order No. */
td:nth-of-type(4):before { content: "תאריך"; } /* Date */
td:nth-of-type(5):before { content: "ימים"; } /* Days */
td:nth-of-type(6):before { content: "ייעד"; } /* Destination */
td:nth-of-type(7):before { content: "התייצבות"; } /* Stabilization */
td:nth-of-type(8):before { content: "נדרש"; } /* Required */
td:nth-of-type(9):before { content: "שעת התייצבות"; } /* Check-in Time */
td:nth-of-type(10):before { content: "שעת סיום"; } /* End Time */
td:nth-of-type(11):before { content: "הערות"; } /* Remarks */
td:nth-of-type(12):before { content: "סטטוס"; } /* Status */



Even if i directly add hebrew text to <p> tag, it will still display worse



Can you output the above contents by converting to utf8 encoding using your server-side language? The issue is with the formatting. The content should be converted into utf8 format and you should do it with your server-side code. I hope this guide will be helpful.



the file OrderInput.aspx was already saved as utf8 file. Content text on that css cant be converted to in server side.. because it is set every row of the table when viewed thru mobile.

Any help, how I can display the hebrew text nicely when hardcoded in html file?



The issue is here in the generated HTML code.
Can you check the source of your page https://i.imgur.com/y6ZOdqb.png

As can be seen, the text was generated in the wrong format and this has to be fixed on your server side. Not related to Metronic itself.



Why do metronic doesnt display hebrew text nicely if its hardcoded?



The text is displayed as it is put:
https://i.imgur.com/y6ZOdqb.png

This text is not processed by Metronic. Metronic is an HTML template and it does not convert the text you displaying.

The other Hebrew content is shown properly since its generated properly.


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(