VSCodeでHTMLを開いた際の日本語の表示

Question

Visual Studio Code で HTML ファイルを開くと、日本語部分が文字化け(?)します。

こんにちは　→$B$3$s$K$A$O
こんばんは　→$B$3$s$P$s$O

文頭と文末には ESC と表示されています。(添付画像)
また、文末(ESCの後)には (B と表示されています。

文字コードを、UTF-8 や Shift JIS に変更しても同様でした。
サクラエディタで開くと正しく表示されます。

コードやエディタに関して知識が浅いため、教えていただければ幸いです。

Answer 1

そのHTMLファイルの文字コードはサクラエディタでは「JIS」と表記されていると思います。
それすなわちISO-2022-JPと同じとみなしてよいですが
VSCodeではISO-2022-JPには対応していませんのでどうしても文字化けしてしまいます。
元HTMLファイルの文字コードをUTF-8なりに変更保存して扱うか、VSCodeでJISコード（ISO-2022-JP）を使いたい！拡張機能の実装方法のように拡張機能が公開されているようですので、その利用を検討してみるのもよいかもしれません。

Comments

[退会済みユーザー]

JISとShiftJISを同じものだと勘違いしていました。
リンク付きで分かりやすい解説ありがとうございます。

Answer 2

もとのHTMLはどういったエンコードで書かれているのか把握していますか？

VSCode拡張の「ConvertToISO-2022-JP」をインストールし、
該当のHTMLファイルを開き、Ctrl＋Shift＋Pから「Convert ISO-2022-JP」を選んでみましょう。

おそらく元のHTMLがISO-2022-JPエンコードで書かれているのだと思いますが、これはWebのドキュメントとしては不適なので上記の手順で「UTF-8」に変換することをお勧めします。

ISO-2022-JP対応については、サクラエディタは標準でサポートしており、VSCodeは標準でサポートしていません。

Comments

[退会済みユーザー]

分かりやすい解説ありがとうございます。
拡張機能のインストールにより解決しました。
メール用のHTMLなので、拡張機能を利用しつつ確認したいと思います。