【新エディター】HTMLのtableタグで、Markdownを使ってテキスト装飾する方法
新エディターは[CommonMark](https://commonmark.org/)に準拠します。
そのため、HTMLの`<table>`タグで書かれたテーブル内で、**Markdown（マークダウン）を使ってテキスト装飾する**場合について一部仕様が変わります。

新エディターに切り替え後、テーブル内のテキストが正常に装飾できていない場合、以下の書き方に従って編集してください。
問題が解決しない場合、画面左下の「サポート」より気兼ねなくご連絡ください。

<span style="color:#878d93;">※ `<table>` タグを使ったテーブルの記述は動作保証外です。特別な事情がない場合は、マークダウンや</span>[<span style="color:#878d93;">ツールバー</span>](https://help.docbase.io/posts/3277674)<span style="color:#878d93;">からの記述をおすすめします。</span>

# 装飾したいテキストの前に空行を追加する

例えば、新エディターで

![スクリーンショット 2023-12-14 13.57.35.png](https://image.docbase.io/uploads/c53c98e8-1703-4976-bbb2-b9d85122c5ad.png =WxH)

のようなテーブルを書きたい場合、

```md:入力例
<table>
<thead>
<tr>
<th>

*斜体にできます*
</th>
<th>2</th>
</tr>
</thead>
<tbody>
<tr>
<td>

**太字にできます**
</td>
<td>b</td>
</tr>
</tbody>
</table>
```

のように書いてください。

詳しく説明します。

## ヘッダー

ヘッダーでテキストを装飾するには、以下の手順で入力してください。

1. `<th>` の直後を改行
1. `<th>` の下に空行を追加
1. 空行の下にテキストを入力

```md:入力例
<th>

*斜体にできます*
</th>
```

## ボディ

ボディも同様です。
ボディでテキストを装飾するには、以下の手順で入力してください。

1. `<td>` の直後を改行
1. `<td>` の下に空行を追加
1. 空行の下にテキストを入力

```md:入力例
<td>

**太字にできます**
</td>
```

## 入力例
Markdownによるテキスト装飾の入力例です。

入力例のためすべて `<td>` としていますが `<th>` でも同様です。

### 太字

```md:入力例
<td>

**太字にできます**
これは**太字**です
</td>
```

### 斜体

```md:入力例
<td>

*斜体にできます*
これは*斜体*です
</td>
```

### 打ち消し線

```md:入力例
<td>

~~打ち消せます~~
これは~~打ち消し~~です
</td>
```

# よくある質問（FAQ）

## HTMLタグでテキスト装飾できますか？

はい、できます。
HTMLタグの場合、テキスト装飾のために空行を追加する必要はありません。

![スクリーンショット 2023-12-14 14.20.41.png](https://image.docbase.io/uploads/1c617212-1ee8-41af-b022-def4a468bb50.png =WxH)

```md:入力例
<table>
<thead>
<tr>
<th><i>斜体にできます</i></th>
<th>2</th>
</tr>
</thead>
<tbody>
<tr>
<td><b>太字にできます</b></td>
<td>b</td>
</tr>
<tr>
<td><span style="color:#c6018b;">文字色を変更できます</span></td>
<td>b</td>
</tr>
</tbody>
</table>
```