BBCodeビューアー–BBCodeをHTMLでプレビュー
BBCodeビューアーは、BBCodeマークアップをサンドボックス化されたiframe内でライブのHTMLプレビューに変換するため、すべてのタグを読むことなく書式を確認できます。太字、斜体、下線、取り消し線、引用、コード、リンク、画像、リスト、テーブル、文字色/サイズに対応しています。サンドボックス内ではスクリプトは無効です。BBCodeを貼り付けまたはドラッグ&ドロップし、レンダリングされたビューを確認して、必要なものをコピーしてください。
BBCodeビューアーは、BBCodeをサンドボックス化されたiframe内のライブプレビューでHTMLとしてレンダリングします。このBBCodeプレビューツールで、すべてのマークアップタグを読まなくても書式付きコンテンツを確認できます。太字、斜体、下線、取り消し線、引用、コード、リンク、画像、リスト、テーブル、文字色/サイズに対応しています。サンドボックス内ではスクリプトは無効です。
このビューアーを使うには、BBCodeを貼り付けまたはドラッグ&ドロップし、解析されたビューを確認します。ツールは対応するBBCode要素が表す書式を表示します。設定オプションの記載はありません。結果を確認したら、必要なものをコピーできます。マークアップの構成や表示を素早くチェックするのに便利です。
BBCodeはテキストに書式タグを加えるマークアップ形式で、HTMLはプレビューで表示される形式です。BBCodeをHTMLとして表示すると、ソースタグだけを読むより、スタイル付きテキスト、リンク、画像、リスト、テーブルを確認しやすくなります。このビューアーは逆方向の変換ワークフローを説明するものではなく、BBCodeのプレビュー専用です。
BBCodeビューアーは完全にブラウザ上で動作し、入力がアップロード、保存、サーバーへの送信されることはありません。ページの読み込み後はサーバー依存なしでオフラインで動作します。無料で使えるため、コンテンツを他に送信せずにBBCodeをチェックできます。
開発者やDevOpsエンジニアは処理前にマークアップを確認するためにビューアーを使え、ライターやその他のユーザーはBBCode文書の書式を確認できます。自分が作成していないコンテンツを理解したり、長い文書から特定の抜粋を見つけたりする場合にも便利です。
手順1: BBCodeをビューアーに貼り付けまたはドラッグ&ドロップします。確認したいソースコンテンツを追加します。
手順2: サンドボックス化されたiframe内のライブプレビューを確認します。BBCodeはHTMLとしてレンダリングされるため、書式の結果をチェックできます。
手順3: リンク、画像、リスト、テーブル、引用、文字色/サイズなどの対応書式を確認します。サンドボックス内ではスクリプトは無効です。
手順4: レンダリングされたビューを確認したら、文書から必要なものをコピーします。
用途: 自分が書いていない、読みにくいBBCode文書を確認します。レンダリングされたプレビューにより、書式がレビューしやすくなります。
用途: そのマークアップを利用するコードを書く前にBBCodeの構造をチェックします。視覚的なプレビューにより、コンテンツの書式を把握しやすくなります。
用途: 大きなBBCode文書からきれいな抜粋をコピーします。必要な箇所を見つけるために、まずレンダリングされた内容を確認します。
用途: 太字、斜体、下線、取り消し線を使った投稿やメッセージをプレビューします。テキストスタイルの見え方をチェックするのに役立ちます。
用途: リンク、画像、リスト、テーブルを含むBBCodeを確認します。ビューアーでこれらの対応要素をレンダリングされたビューで確認できます。
用途: 引用やコード書式の内容を、共有や処理の前にチェックします。プレビューにより、これらの対応BBCode要素のレンダリングが確認できます。
用途: BBCodeの文字色やサイズの書式を確認します。レンダリングされたプレビューにより、タグだけを走査せずに視覚スタイルをレビューできます。