楽天GOLDで作るページに「検索窓」を設置すると文字化けする(解消方法)

 

 

①検索窓設置前に必ず「文字コード」確認を!
<meta charset=”utf-8“>
この箇所が、文字コードを指定する記述となります。

一般的にはutf-8が使用されていますが、楽天さんの場合はEUC-JPを使用しており、
左記文字コードと異なる文字コードにてHTMLページを作成した場合、検索窓へ入力した文字が文字化けする可能性があります。

 

②検索ウインドウの文字化けは①で解消したが、
ページ全体が文字化けした。(SublimeではUTF-8でファイル作成)
SublimeTextが文字コード変換に意外に使える件

Sublime Textで扱える文字コードが「UTF-8」のみです。
例えば、csvファイルはSJISなので、プラグインなしではcsvファイルの表示でも文字化けをします。
ConvertToUTF8のプラグインをインストールしてからは、文字化け現象は解消し、
SJIS」だけではなく、「CP932」(SJISの拡張)、「EUC-JP」なども扱えるようになります。

上記プラグインは、表示だけでなく、文字コードの変換にも使えます。
「File」>「Set File Encoding To」>「変換後の文字コード」をして、「Save」もしくは「Save As…」でファイルを保存します。

『ConvertToUTF8』導入方法

1.SublimeText2を起動し、⌘+Shift+P
Package Controlの入力欄を表示

2.インストール
・入力欄に installと入力してください。
そして、候補にある「Package Controll:Install Package」を選択しましょう。
・するとまた入力欄が出てくるので、Convertと入力し、
一番上に出てきた『ConvertToUTF8』を選択

3.再起動

 

タイトルとURLをコピーしました