How to make arabic HTML on macbook?

Does anyone know how to make an arabic html page it in mac?

It has been easily managed in Windows but since I got the macbook I have been stuck

using Text editor, it is not working as simple as notepad, the arabic page doesn't display as it used to on windows

using xcode, the encoding is ruined in the displayed page

I am using the meta tag in the head part for UTF-8 \ and that was enough when I was using notepad on windows beside making sure that notepad encoding is unicode.. but the same steps are not enough on macbook

any solutions please