無料のHTMLエディタ、正直に比較してみた

検索ボックスに「無料 HTMLエディタ おすすめ」と打ち込むとき、私たちは知らず知らず「唯一の正解が一つある」に賭けています。でも、そんなものはありません。エディタという言葉には、少なくとも三種類まったく違うものがくっついています。コードを学ぶ場所、サイトを丸ごと作る場所、そしてただファイルを開いて一行直すだけの場所。どれが一番かは、目の前の作業次第で変わります。

なので、答えを先に短く言ってしまいます。無料のHTMLエディタに唯一の正解はありません。コードの断片を書いて試したいなら、W3SchoolsのTryitエディタは無料で、何も求めてきません。手元にあるファイルを開いて、コードに触れずに直したいなら、HTML Tweakのようなビジュアル系ツールがブラウザの中でページとコードをぴったり合わせたまま動きます。さっと貼り付けて整えたいだけなら、HTML-Onlineで十分です。

ここから先は、他のツールにもフェアでいようとする話です。自分のツールが負けている部分も含めて。実際にやりたいことごとに並べてみます。

まず「ラベル」ではなく「やりたいこと」で仕分ける

ほとんどは、四つの質問で決まります。

HTMLを学んでいるのか、それとも実際のファイルを編集しているのか。作業中はページの見た目を見ていたいのか、生のコードのままで平気なのか。直したいのは一つのページなのか、サイトを丸ごと作ろうとしているのか。そして、何かをインストールするのは気にならないか。

この四つに答えれば、候補は自然に絞られます。タグを学んでいる人が欲しいのはサンドボックスです。サイトを作るデザイナーが欲しいのはインストール済みのスタジオです。.htmlファイルを渡されて電話番号を一つ直すだけの人に、そんな重装備は要りません。検索する言葉は同じでも、必要なツールはまったく別物です。

各ツールを並べてみる

以下の情報は2026-08時点のもので、価格は各ベンダーの公表値です。

ツール	既存ファイルを編集できる?	ビジュアル編集(コード不要)?	無料?	オンライン/インストール	登録は必要?
W3Schools Tryit	いいえ ー コードサンドボックス	いいえ	はい	オンライン	不要
PlayCode	いいえ ー プレイグラウンド	いいえ	フリーミアム	オンライン	フル機能利用時は必要
HTML-Online	はい ー 貼り付け/ファイルを開く	ビジュアル+ソース	はい	オンライン	不要
Froala	いいえ ー 部品のデモ	はい(WYSIWYG)	有料	オンラインデモ/SDK	トライアルは必要
CoffeeCup	はい	プレビューは有料	無料+有料	インストール(Win/Mac)	ー
Pinegrow	はい	はい	有料	インストール(Win/Mac)	ー
HTML Tweak	はい	はい	はい	オンライン+オフラインファイル	不要

それぞれが本当に得意なこと

W3SchoolsのTryitエディタ。 HTMLを学んでいるなら、これが一番です。片方のペインにタグを打ち込むと、もう片方でそのまま動きます。無料で、登録も要りません。ないのは、自分の.htmlを開いて編集する手段のほうです。「ファイルを開く」というボタンはここにはありません。教室であって、作業場ではないのです。それでも、学ぶという目的では、このリストの中で敵う相手はいません。

PlayCode。 JavaScript、HTML、CSSのためのライブプレイグラウンドです。コードを書くとその場で動くので、インタラクティブなものを試作するにはかなり快適です。フリーミアムで、一部の機能と保存機能は有料プランの向こう側にあり、フル機能を使うには登録が必要です。W3Schoolsと同じ落とし穴がある点は覚えておいてください。これは書いているコードのためのものであって、直したいファイルのためのものではありません。

HTML-Online。 ビジュアル表示とソース表示の両方を備えた無料のオンラインエディタで、インストールは不要です。真価を発揮するのは、さっと貼り付けて整えたいときです。Wordの文書やメールからコピーしてきた散らかったマークアップを放り込めば、数秒で整います。ブラウザのタブで済ませる一回きりの整形作業には、正直で堅実な無料の選択肢で、ここに並ぶツールの中では私のツールに一番近い動きをします。

Froala。 これは無料に見えるせいで、多くの人を勘違いさせます。開発者が自分のアプリに組み込むWYSIWYGエディタの部品で、有料です。Froalaの価格は$799/yearか、買い切りなら$2,399。無料トライアルもありますが、出力にウォーターマークが入ります。たどり着く「オンラインエディタ」は、その部品のデモにすぎません。開発者として製品にエディタを組み込むなら、まさにこれの出番で、しかも良い選択です。ページを一つ直したいだけなら、棚違いです。

CoffeeCup HTML Editor。 WindowsとMac向けのデスクトップインストール型で、ちゃんとしたコードエディタです。無料版があり(ずっと無料ですが機能は絞られています)、CoffeeCupが$29で出している有料版では、分割画面のビジュアルプレビュー、FTPアップロード、コード検証が加わります。自分のマシンで動いて、サーバーにファイルを送れるコードエディタが欲しいなら、期待に応えてくれます。

Pinegrow。 本命の重量級です。プロ向けの有料デスクトップビジュアルエディタで、クリックしながらサイトを丸ごと構築でき、その裏側のマークアップも本当の意味で細かく制御できます。Pinegrowは一年分のアップデート付きの買い切りライセンスとして販売しています。かなり高度で、サイト全体を設計・構築する仕事があって毎日そのツールの中で暮らすつもりなら、ここに並ぶどれよりも役に立ちます。一ページの一行を直すだけなら、道具として大げさすぎます。

HTML Tweak。 はっきり言っておくと、これは私が作ったツールなので、その前提で読んでください。他のツールが残している隙間を埋めるために作りました。手元にある.htmlファイルを開いて、ページをクリックしながら編集する、コード不要で、コードは常に隣で同期したままです。レイアウトを固定するテキスト専用モードもあるので、コードが書けない人でも文章だけを書き換えられて、物理的にデザインを壊せません。ブラウザで無料で動き、オフライン用の単体ファイルとしてもダウンロードできて、インストーラーはなく、どちらの使い方でも登録は不要、対応言語は五つです。ChromeとEdgeならファイルに直接上書き保存でき、それ以外のブラウザでは編集済みのコピーがダウンロードされます。ないのは、ReactやNextのような複数ファイルのプロジェクトを管理する機能です。あくまで一つのページを開いて、仕上げる手助けをするだけです。

結局、どれを選べばいい?

• HTMLをゼロから学ぶ ー W3SchoolsのTryit。
• インタラクティブなコードをその場で試作する ー PlayCode。
• 散らかったマークアップをさっと整える ー HTML-Online。
• 何度も手を入れるサイトを丸ごと作る、または作り直す ー Pinegrow、FTP付きのコードエディタが欲しいならCoffeeCup。
• 自分のアプリにエディタを組み込む ー Froala。もちろん有料です。
• 手元にあるページを開いて、コードなしで直す ー HTML Tweak。

気づいたでしょうか。これらのほとんどは、実は競合していません。同じ三つの単語をまとった、まったく違う質問への答えなのです。

もし最後の一行が自分のことだと思ったなら ー 手元にファイルがあって、ちょっと直したいだけなら ー HTML Tweakで開いてください。だいたい一分で終わります。無料ですし、開いたファイルがあなたのパソコンから出ていくことはありません。