メール・ニュースレター模板
ニュースレターの HTML を作成し、送信前にスマホ幅でプレビュー。崩れたテーブルや狭い列が購読者に届くのを防ぎます。
01エディタ0 文字
02プレビュー
レンダリング結果がここに表示されます。
HTML エディタ
HTML を書いて編集、その場でライブプレビュー
ブラウザで動く HTML エディタです。HTML・CSS・JavaScript を入力または貼り付けて、シンタックスハイライトで編集しながら、入力に合わせてライブプレビューを表示できます。ワンクリックで整形し、公開リンク付きのホストページとして公開——アカウント不要。
プライバシー重視プレビューはブラウザ内でレンダリング。公開を押すまで、コードが端末を出ることはありません。
あらゆる画面サイズデスクトップ・タブレット・スマホ幅を切り替えて、レスポンシブレイアウトを確認できます。
ワンクリック公開コードを公開リンク付きのホストページに。アカウント不要です。
仕組み
入力しながらプレビューするエディタ
HTML・CSS・JavaScript を入力または貼り付けると、サンドボックス iframe 内で即座にレンダリングされます——ビルドもサーバー通信も不要です。自由に編集でき、コードを変更するとプレビューが更新されるため、ページの作成、壊れたタグの修正、セクションのスタイル変更をすぐに確認できます。整形機能で乱れたマークアップを整え、幅を切り替えてレスポンシブの問題を見つけ、必要なときに清潔な .html を書き出せます。公開するまで何もアップロードされないため、スニペット・メールテンプレ・モックアップ用のプライベートな作業場としても使えます。
コードを触らずに完成したページのスタイルを整えたい？ビジュアル編集 を試してみて。
マークアップが仕上がったら、HTML を PDF に でページを PDF として書き出せます。
書き終えたら、HTMLコンパイラでマークアップを検査し、不要な部分を削ぎ落としてコンパイル済みファイルを公開できます。
できること
メールからランディングページまで、あらゆる HTML を作成・調整
書いて、整えて、できたら公開リンク付きのホストページに——あるいは Markdown to HTML で Markdown をホスト。高速な HTML 作成を一か所で。
画像ホスティング を使えば、ホスト済みの画像をそのままページに配置できます。
ランディングページのモック
数分でランディングや製品ページを下書きし、3 種の画面サイズでレイアウトを整えてから共有リンクを公開。
スニペットと学習
エディタ内でボタン・アニメーション・フォームをその場で練習——HTML・CSS・JavaScript を学び試す最速の方法。
こんな人向け
HTML を書くすべての人に
ページを下書きしたり、スニペットを直したり、アイデアを試したり——ローカル環境なしで編集しながら反復できます。
書きながら編集
ライブプレビュー付きの集中できるエディタ。マークアップを変えると結果が即更新——ビルドも再読み込みも不要。
問題を早めに発見
デスクトップ・タブレット・スマホの幅を切り替えて、公開前にレイアウトの不具合を見つけられます。
用意できたら公開
公開 URL を発行するか、ローカルで編集を続けてファイルだけ書き出しても OK。
使い方
空白のエディタからホストページへ
アカウントも設定も不要。書いて、編集して、できたら公開。
書く、または貼り付け
空白のエディタから始めるか、サンプルを読み込むか、既存の .html をドラッグ＆ドロップして編集できます。
ライブプレビューで編集
コードを微調整すると、サンドボックスのプレビューが幅プリセット付きでリアルタイムに更新されます。
リンクを公開
どこでも共有できる公開 URL を取得——またはローカルに残してファイルだけ書き出し。
よくある質問
HTML エディタのよくある質問
コードはアップロードされますか？
いいえ。エディタは完全にブラウザ内で動きます。公開を押したときだけサーバーに送信されます。
シンタックスハイライトはありますか？
はい。入力時に HTML・CSS・JavaScript をハイライトするため、タグや属性、括弧が読みやすく、ミスにも気づきやすくなります。
HTML を整形・美化できますか？
はい。［フォーマット］で乱雑なマークアップをワンクリックで清潔なインデント付きコードに整えられます——貼り付けや生成した HTML の片付けに最適です。
レスポンシブレイアウトを確認できますか？
はい。デスクトップ・タブレット・スマホの幅を切り替えて、編集中にさまざまな画面サイズでの見え方を確認できます。
公開するとどうなりますか？
コードが公開リンク付きのホスト HTML ページになります。後からこのページの履歴から削除できます。
CSS や JavaScript を含む HTML を編集できますか？
はい。エディタはサンドボックス内で完全な HTML・CSS・JavaScript を扱うため、訪客と同じようにインタラクティブなページやフォーム、アニメーションを構築できます。
HTML ビューアーとの違いは？
HTML ビューアーは既にあるコードをプレビューするためのものです。HTML エディタはコードを書いて編集するためのもので、シンタックスハイライト・ワンクリック整形・入力に合わせたプレビューを備えます。
コードを書き出し・ダウンロードできますか？
はい。［.html を書き出し］でファイルとしてダウンロードするか、プレビューを新しいタブで開いて全体のブラウザ画面で確認できます。