hpDrafteのHTMLファイルが文字化けするor Macのフリーエディタ

Question

こんばんは。タイトル通りなのですが、hpDrafteで作成したHTMLファイルが文字化けしてしまいます。 Firefoxで確認すると化けるのですが、safariでは無事だったりします。 hpDrafteとFirefoxの相性が悪いのでしょうか？ Macのフリーエディタは色々試しましたがhpDrafteが使いやすく、ブラウザもFirefoxは手放せないので利用したいとは思っているのでしょうが、両立は難しいのでしょうか？他のエディタを探した方が早い場合は、プレビューを見ながら作成できて
等の単独タグをコマンドで打てるフリーエディタを教えていただけると助かります。注文が多くて申し訳ないです。改善方法をご存知の方はどうかよろしくお願い致します。 Mac OS X 10.6.2 Firefox 3.5.7 hpDrafte 1.4β4

kmee · Accepted Answer

> Firefoxの環境設定はほとんど触っていないです。

>初期設定でFirefox使ってるほとんどの人が（私が）hpDrafteで作成したファイルが見れないというのは困るので
>FirefoxとhpDrafteの両立は諦めることにします。

変えるのは、Firefoxの設定ではなく、hpDrafterの設定です。

まず、環境設定の「動作」のエンコードを使いたいものにします。
→検証していただいた結果から、現在は「日本語(JIS)」になっていると思います。
JIS = ISO-2022-JPです。Shift_JISではありません。
Shift_JISは「日本語(SJIS)」です。

次に、テンプレートの
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
のShift_JISの部分を上で設定した文字コードに変えます。
日本語(SJIS)→Shift_JIS
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">

日本語(EUC)→EUC-JP
<meta http-equiv="Content-Type" content="text/html; charset=EUC-JP">

日本語(JIS)→ISO-2022-JP
<meta http-equiv="Content-Type" content="text/html; charset=ISO-2022-JP">

ユニコード(UTF-8)→UTF-8
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

他に、htmlチェッカのオプション「-w short」を消して、エラーチェックをかけてみてください。
>9: 指定されている文字コードセットは `Shift_JIS` ですが、実際のコードは JIS のようです。
というようなエラーメッセージが出てくるようになると思います。

kmee · Answer

実験ファイル Test

正しい日本語

日本語自動判別でSafari,Firefoxで表示・Shift_JISで保存 →Safari,FirefoxともにOK ・metaタグをcharset=ISO-2022-JPに →Safari OK →Firefox 文字化け(文字エンコードはISO-2022-JPに) ・ISO 2022-JPで保存 →Safari,FirefoxともにOK ・metaタグをcharset=Shift_JISに →Safari OK →Firefox 文字化け(文字エンコードはShift_JISに) ・metaタグを削除 →Safari,FirefoxともにOK ということで、・Safariはmeta http-equiv="Content-Type での指定によらず、ファイルで使われているコードから判別・Firefoxはmeta http-equiv="Content-Type"にcharsetが指定してあれば、それを優先するその他の状況から・元々、ファイルはISO-2022-JPだった・それにmeta http-equiv="Content-Type" でShift_JISと指定してあったために、Firefoxでは文字化けしたと考えられます。対策は、・実際のファイルのエンコードと、meta http-equiv="Content-Type"のcharsetを一致させる。・あるいは、 meta http-equiv="Content-Type"を指定しないです。

kmee · Answer

そうですねぇ。
あと確認するべきことと言ったら
・Safariの[表示]>[テキストエンコーディング]はどうなっているか(何処にチェックが付いているか)?変えるとどうなるか?
・Firefoxの[表示]>[文字エンコーディング]はどうなっているか(何処にチェックが付いているか)?[自動判定]はどうなっているか(何処にチェックが付いているか)?変えるとどうなるか?
・Safariの[表示]>[ソースを表示]でhtmlファイルを見たらどうなっているか?headの中に<meta http-equiv="Content-Type～はあるか?あるなら位置が正しいか?
・Firefoxの[表示]>[ページのソース]で以下同じ
・上の条件がhpDrafterでの文字コードと一致するかどうか?
・[Safari]>[環境設定]の「表示」のフォントと「デフォルトのエンコーディング」は?
・[Firefox]>[環境設定]の「コンテンツ」の「フォントとカラー」の「詳細設定...」で、対象「日本語」のフォントと「デフォルト文字エンコーディング」は?
・htmlファイルを他のテキストエディタ(mi(http://mimikaki.net/)等)で開いたときの文字コードは?

とりあえず、これくらい調べれば、なにかしらの原因が掴めるかもしれません。
hpDrafterはSafariでも使われているWebkitを使っているそうなので、Safariとの相性は確かによさそうです。

kmee · Answer

文字化けは、おそらく、文字コードの誤判定でしょう。の中にmetaタグで文字コードを指定すれば直るかもしれません。例) Shift JISの場合すでにあるのなら、その指定内容、位置等が間違っているのでしょう。 http://www.htmq.com/html/meta.shtml

hpDrafteのHTMLファイルが文字化けするor Macのフリーエディタ

> Firefoxの環境設定はほとんど触っていないです。

実験ファイル

そうですねぇ。

この回答への補足

文字化けは、おそらく、文字コードの誤判定でしょう。

この回答への補足

似たような質問が見つかりました

関連するカテゴリからQ&Aを探す

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング