はじめに
以下の内容をCocoonで実現します。
Cocoonでは、「段落」ブロック内に直接HTMLを入力できる「HTMLショートコード」機能があります。
この機能を活用し、「テーブル」ブロック内に<details>タグを入力します。
この記事では、この方法について説明します。
完成イメージ
| ホワイトスネイク | C-MOON | メイド・イン・ヘブン |
|---|---|---|
能力生物の記憶とスタンド能力を、CDのような形状の「DISC」にして取り出す、能力を持つ。 | 能力ホワイトスネイクと、緑色の赤ちゃんが融合してできたスタンド。半径約3km以内にある物体の重力の方向を、本体のプッチ神父を中心に、逆転させる能力を持つ。 | 能力C-MOONが進化したスタンド。全世界の時を、加速させる能力を持つ。 |
実装手順
以下の手順で作成します。
- 「テーブル」ブロックを配置します。
- 「テーブル」ブロック内のセルに、
htmlショートコードを使用してHTMLタグを記述します。以下に具体例を示します。
[html]<details><summary>能力</summary>生物の記憶とスタンド能力を、CDのような形状の「DISC」にして取り出す、能力を持つ。</details>[/html]さいごに
今回紹介した方法を使えば、テーブル内に開閉可能なリストを簡単に追加できます。
