記事編集画面の「プレビュー」タブを切り替えることにより、編集中の記事が実際にどのように表示されるかをプレビューできます。
「プレビュー」タブのドロップダウンメニュー
記事編集画面の「プレビュー」タブで、右側にあるドロップダウンメニュー（⌄）をクリックすると、プレビューに関するメニュー項目を選択できます。
プレビューを新しいウィンドウで表示
ブラウザで別のウィンドウが開き、プレビューを表示します。記事がどのように公開されるのかを確認する際に、実際の公開状態に近い仕上がりを確認できます。
-
プレビューウィンドウは「見たまま」「はてな記法」「Markdown」すべての編集モードに対応しています。
プレビューウィンドウを表示中に「編集」タブで記事を修正したときには、「プレビュー」タブに表示される
更新ボタンを押すと、プレビューウィンドウの内容を最新の編集状態に更新できます。プレビューを確認したら、プレビューウィンドウの「閉じる」ボタンを押してください。または「プレビュー」タブに表示されている「プレビューウィンドウを閉じる」ボタンを押すと終了します。
デバイスごとの表示をプレビューする
「プレビュー」タブを選択すると、「PC」「スマートフォン」のタブが表示され、各デバイス上での表示をプレビューできます。モジュールを設定している場合、モジュールもプレビューできます。
スマートフォンは機種によって画面の解像度がさまざまですが、はてなCMSのプレビュー画面では横幅を375ピクセルに固定しています。
リアルタイムプレビュー
「はてな記法」および「Markdown」モードの「編集」タブで、テキストエリア内の右上にあるボタンをクリックすると、テキストエリアの右半分でリアルタイムプレビューが可能です。
公開時にどのように表示されるかをその場で確認しながら記事を書くことができます。