【2026年最新版】MacのテキストエディットでRTFをHTMLでエクスポートしても表示が崩れる時の解決法完全ガイド

原因8: スマートクオート・自動補正による意図しない置換

テキストエディットには「スマートクオート」「ダッシュ」「リンク自動補正」といった機能があり、半角クォート(`”`)を全角クォート(`「」`や`””`)に自動変換します。これらの特殊文字がHTML出力されたとき、HTMLエンティティ(`“` など)に置き換わるか、UTF-8の生文字のまま出力されるかが状況によって変わり、HTML側のJavaScriptやテンプレートエンジンでエラーを起こす原因になります。

UTF-8を正しく指定して文字化けを防ぐ手順

文字化けは、テキストエディットのHTMLエクスポートで最も発生しやすい問題ですが、設定を見直せばほぼ完全に防げます。以下のステップで設定を確認し、正しいUTF-8エンコーディングを指定しましょう。

ステップ1: テキストエディットの「環境設定」を開く

テキストエディットを起動し、メニューバーから「テキストエディット」→「設定…」(macOS Ventura以前は「環境設定…」)を選択します。「新規書類」と「開く/保存」の2つのタブがあり、HTMLエクスポートに関わる設定は両方のタブで行う必要があります。

ステップ2: 「開く/保存」タブでHTML出力設定を変更

「開く/保存」タブを開くと、下部に「HTML保存オプション」セクションがあります。ここで以下の設定を行います。

• ドキュメントタイプ: 「HTML 4.01 Strict」または「XHTML 1.0 Strict」を選択（互換性が高い）
• スタイル: 「CSS 1を埋め込む」を選択(古い「CSS 2」より互換性が高い)
• エンコーディング: 「Unicode(UTF-8)」を必ず選択
• イメージのコピーをエンコード: チェックを入れる(Base64インライン化に近い動作)

ステップ3: 既存ファイルのエンコーディング変換

すでに作成した.rtfファイルを開いて、エンコーディングがShift_JISなどになっている場合は、「ファイル」→「複製を保存…」または「別名で保存…」から、保存ダイアログ下部の「プレーンテキストのエンコーディング」を「Unicode(UTF-8)」に変更してから保存し直します。リッチテキスト保存時には直接エンコーディング選択肢が出ないため、いったんプレーンテキストに変換するか、上記の「環境設定」での設定変更が必要です。

ステップ4: HTMLファイル冒頭にmeta charsetを確認

エクスポートしたHTMLファイルをテキストエディタ(または同じテキストエディットでもプレーンテキストモードで開く)で開き、`` タグ内に `` (またはHTML 4.01の場合 ``)が記述されているか確認します。記述がない場合は手動で追加します。

ステップ5: ブラウザ側のエンコーディング設定確認

ブラウザで開いて文字化けする場合、ブラウザのメニューから「表示」→「テキストエンコーディング」を選び、UTF-8を強制指定して再読込してみます。これで読めるなら、HTMLファイル側のmeta charset指定漏れか、サーバー側のContent-Typeヘッダー設定が原因です。

HTMLエクスポート時の問題と対処法 比較表

AppleScript連携で一括変換を自動化

大量の.rtfファイルをHTMLに変換する場合、テキストエディットのGUIを1つずつ操作するのは現実的ではありません。AppleScriptを使えば、フォルダ内のすべての.rtfファイルを自動でHTMLに変換できます。以下はScript Editorで実行できるシンプルなサンプルスクリプトです。

tell application "TextEdit"
    set theFolder to choose folder with prompt "RTFが入ったフォルダを選択"
    tell application "Finder"
        set rtfFiles to every file of theFolder whose name extension is "rtf"
    end tell
    repeat with rtfFile in rtfFiles
        set theDoc to open (rtfFile as alias)
        set newName to (text 1 thru -5 of (name of rtfFile as text)) & ".html"
        set htmlPath to (theFolder as text) & newName
        save theDoc in file htmlPath as "HTML"
        close theDoc saving no
    end repeat
end tell

このスクリプトを Script Editor で実行すると、フォルダ選択ダイアログが表示され、選んだフォルダ内のすべての.rtfファイルを自動でHTMLに変換します。注意点として、AppleScriptからのHTML保存ではテキストエディットの環境設定で指定したエンコーディング設定が反映されるため、事前にUTF-8固定にしておくことが大前提です。

代替ツールの活用 (Pages / Microsoft Word / Pandoc)

Pagesでの代替アプローチ

Apple純正のPagesは、テキストエディットよりも高機能なドキュメント作成ツールで、Microsoft Word形式やHTML形式へのエクスポートも可能です。Pagesでは画像のレイアウト保持精度が高く、フォント・段落・スタイルの再現性もテキストエディットより優れています。ただしHTMLエクスポート時のCSSはやや冗長になりがちで、ファイルサイズが大きくなる傾向があります。

Microsoft Wordでの代替アプローチ

Microsoft Wordは法人ユーザーに多く、HTMLエクスポート機能も成熟しています。「Webページ(.htm)」と「Webページ(フィルタ後).htm」の2種類があり、後者はOffice固有のXMLタグを削除して標準的なHTMLに近づけたものです。Wordの場合、画像はBase64インライン化ではなく別ファイル参照になりますが、画像フォルダ自動生成の挙動が明確で扱いやすいです。

Pandocによるコマンドライン変換

本格的に大量変換や、HTMLの構造を厳密にコントロールしたい場合は、Pandocというオープンソースのドキュメント変換ツールがおすすめです。`brew install pandoc` でインストールでき、以下のようにコマンド1行で.rtfから.htmlへの変換が可能です。

pandoc input.rtf -o output.html --standalone --metadata title="タイトル"

Pandocは画像のBase64インライン化、CSS指定、テンプレート利用などの細かいオプションが豊富で、Web公開を前提とした清潔なHTMLを生成できます。

FAQ よくある質問7問

Q1: テキストエディットで保存した.htmlをブラウザで開くと、画像が表示されません。なぜですか?

A: テキストエディットは、HTMLエクスポート時に画像を別フォルダ(同じ名前の `.fileloc` フォルダ)に書き出します。HTMLファイルだけを移動すると、画像参照が壊れて表示されません。HTMLファイルとフォルダを必ずセットで移動するか、Pandocなどの代替ツールでBase64インライン化してください。

Q2: 環境設定でUTF-8に設定したのに、開くたびにShift_JISに戻ってしまいます。

A: 環境設定の「開く/保存」タブの「プレーンテキストファイルのエンコーディング」と「HTMLファイルのエンコーディング」は別の項目です。両方ともUTF-8(Unicode (UTF-8))に設定し直してください。また、開くファイル自体がShift_JISで保存されている場合、開いた瞬間に文字化けする可能性があります。

Q3: HTMLにエクスポートしたら、フォントが「Times New Roman」に変わってしまいます。

A: 元のRTFで使っていたフォントがWebセーフフォントではない場合、HTMLで参照しても閲覧側にそのフォントがなく、ブラウザ標準フォント(Times)にフォールバックします。Pagesに移行して「フォント」をArialやHelvetica、または `sans-serif` 系のWebフォントに変えてからエクスポートするか、エクスポート後のHTMLのCSSを手動で書き換える必要があります。

Q4: テキストエディットのHTMLエクスポートでCSSは外部ファイルにできますか?

A: テキストエディットのGUIからはCSSの外部ファイル化はできません。エクスポート時は常に `