← ハシトシステム トップ English ツール ブログ
出力する構成

画像は <img> の枠組みだけを出力し、src には外部サービスのURLを入れません。ダミー画像そのものが要るときは姉妹ツールのプレースホルダ画像生成をお使いください。

生成されたHTML

プレビュー

平文のダミーテキストとの違い

ふつうの Lorem ipsum 生成ツールが出すのは、段落に分かれただけの平文です。CSSの当たり具合を見たいときには、それでは足りません。実際の記事には見出し・箇条書き・引用・表が混ざっていて、崩れるのはたいていその境目だからです。h2 の直後に来た ul の余白、blockquote の中の p のマージン、table のはみ出し。こうした箇所は、要素が実際に入れ子になっていないと再現しません。

このツールは、平文ではなく <h2> <h3> <p> <ul> <blockquote> <table> <pre> を組み合わせたHTMLの断片を出力します。CMSのテーマ、Markdownのレンダリング結果に当てるCSS、メールテンプレートの検証などに、そのまま貼り付けて使えます。

出力にはインラインの style 属性もクラス名も付けません。あなたのCSSがそのまま当たる素のHTMLなので、テーマ側の指定だけで見た目が決まります。

使い方

  1. セクション数と段落数を決める — 検証したい記事の分量に合わせて h2 の数と1セクションあたりの段落数を入力します。
  2. 混ぜる要素を選ぶ — 箇条書き・引用・表・コードブロック・画像のうち、テーマで確認したいものにチェックを入れます。
  3. プレビューで崩れを確認 — 下のプレビューで要素の境目の余白や表のはみ出しを確認します。
  4. HTMLをコピーして貼り付ける — 生成されたHTMLをコピーし、CMSやテンプレートに貼り付けて実際のCSSを当てます。
  5. 文章を変えたいときは生成しなおす — 構成はそのままで文章だけを差し替えたいときは「生成しなおす」を押します。

よくある質問(FAQ)

平文のダミーテキストと何が違いますか?

このツールは段落だけの平文ではなく、h2・h3・p・ul・blockquote・table・pre を組み合わせたHTMLの断片を出力します。レイアウトが崩れるのは見出しと箇条書きの境目、引用の中の段落、表のはみ出しといった要素の境目であることが多く、実際に入れ子になったHTMLでないとその崩れは再現できません。

出力にクラス名やstyle属性は付きますか?

付きません。素のHTMLタグだけを出力します。あなたのCSSやCMSテーマの指定だけで見た目が決まるので、テーマ側の当たり具合をそのまま確認できます。

画像のsrcが空なのはなぜですか?

外部の画像サービスのURLを埋め込むと、そのサービスが停止したときに検証結果が変わってしまうためです。img要素の枠組み(width・height・alt)だけを出力しています。実際に表示できるダミー画像が必要なときは、姉妹ツールのプレースホルダ画像生成で作った画像のパスに置き換えてください。

同じ設定でも押すたびに文章が変わりますか?

「生成しなおす」を押したときだけ文章が変わります。チェックボックスや数値を変えた場合は同じ内容で構成だけが変わるので、CSSを調整しながら見比べるときに文章が入れ替わって混乱することがありません。

入力や生成結果はサーバーに送られますか?

いいえ。ダミー文の生成、HTMLの組み立て、プレビューの描画、コピーまで、すべてお使いのブラウザ内のJavaScriptで完結します。サーバーへ送信・保存されることはありません。