WorkSuite/リッチテキストで使用できるMarkdown一覧

2026-02-20 01:50:57 UTC

概要

Lynxにリッチテキストでは下記のマークダウンを使用できます。

コレクション作成後、テキストブロックをおいて、リッチテキストタブに切り替えることで使用できます。

使用可能なマークダウン記法一覧

見出し

# 見出し1のテスト
## 見出し2のテスト
### 見出し3のテスト
#### 見出し4のテスト
##### 見出し5のテスト
###### 見出し6のテスト

強調・装飾

**太字テキスト(strong)**
__太字テキスト(b)__

*イタリック体(em)*
_イタリック体(i)_

***太字+イタリック***

~~取り消し線~~

リスト

通常のリスト

- リスト項目1
- リスト項目2
- リスト項目3

番号付きリスト

1. 最初の項目
2. 2番目の項目
3. 3番目の項目

ツリー状のリスト

- 親項目1
  - 子項目1-1
  - 子項目1-2
    - 孫項目1-2-1
- 親項目2
  - 子項目2-1

ツリー状の番号付きリスト

1. 最初の項目
   1. サブ項目1
   2. サブ項目2
2. 2番目の項目

 

リンク

通常のリンク

[Google](<https://www.google.com>)

タイトル付きリンク

[タイトル付きリンク](<https://example.com> "タイトル")

メールリンク

[お問い合わせ](<mailto:info@example.com>)

電話リンク

[電話する](tel:03-1234-5678)

新しいタブで開きたい場合

<a href="<https://www.google.com>" target="_blank">Google</a>

自動リンク

<https://example.com> は自動的にリンクになります

 

コードブロック

インラインコード

ファイル名は `index.tsx` です。変数 `const result = 42` を使用します。

引用

> これは引用文です。
> 複数行にわたる引用も可能です。

> ### 引用内に見出し
> 引用の中に**太字**や*イタリック*も使えます。
>
> - リストも使用可能
> - 引用内でのリスト

### ツリー状の引用
> 第1レベルの引用
> > 第2レベルの引用
> > > 第3レベルの引用

表(テーブル)

基本的な表

| 列1 | 列2 | 列3 |
|-----|-----|-----|
| データ1 | データ2 | データ3 |
| データ4 | データ5 | データ6 |

列の配置指定

| 左寄せ | 中央寄せ | 右寄せ |
|:-------|:-------:|-------:|
| left   | center  | right  |

水平線

---
***
___

画像

![サンプル画像](<https://upload.wikimedia.org/wikipedia/commons/thumb/7/77/Google_Images_2015_logo.svg/1200px-Google_Images_2015_logo.svg.png>)

※サイズ指定したい場合

<img src="<https://upload.wikimedia.org/wikipedia/commons/thumb/7/77/Google_Images_2015_logo.svg/1200px-Google_Images_2015_logo.svg.png>" alt="サンプル画像" style="width:150px; height: 80px;">

※項目内に表示したい場合
大きめ①<img src="https://画像URL">
小さめ②<img src="https://画像URL" alt="サンプル画像" style="width1001px; height: 434px;">

 

複合記法

リスト内でのコードとリンク

1. **重要**: `npm install` を実行してください
2. [公式ドキュメント](<https://example.com>)を確認
3. 次のコードを参考にしてください:
   ```bash
   npm run build
   npm run tes
### 引用内でのマークダウン記法
```markdown
> **注意**: この機能は*実験的*です
>
> 詳細は[こちら](<https://example.com>)を参照してください
>
> ```
> 設定例:
> DEBUG=true npm start
> ```

特殊文字

絵文字のテスト: 🚀 ✨ 📝 🎉

記号のテスト: !@#$%^&*()_+-=[]{}|;':",./<>?

改行

通常の改行

改行
スペース2つでの改行

改行

空行でのテスト

許可HTMLタグ一覧

直接HTMLタグを挿入することも可能です。以下が許可されています。

カテゴリHTMLタグ説明用途
基本テキスト要素p段落基本的なテキストブロック
 br改行強制改行
 spanインライン要素テキストの一部をマークアップ
 divブロック要素汎用的なコンテナ
見出し要素h1見出しレベル1最上位見出し
 h2見出しレベル2第2レベル見出し
 h3見出しレベル3第3レベル見出し
 h4見出しレベル4第4レベル見出し
 h5見出しレベル5第5レベル見出し
 h6見出しレベル6最下位見出し
強調・装飾要素strong強い強調重要なテキスト(太字)
 b太字視覚的な太字
 em強調強調テキスト(斜体)
 i斜体視覚的な斜体
 u下線下線付きテキスト
 s取り消し線削除されたテキスト
 del削除削除されたテキスト(意味的)
 strike取り消し線取り消されたテキスト
リスト要素ul順序なしリスト箇条書きリスト
 ol順序ありリスト番号付きリスト
 liリスト項目リストの各項目
リンク・画像要素aリンクハイパーリンク
 img画像画像の埋め込み
コード要素codeインラインコードコードの一部分
 pre整形済みテキストコードブロック
その他blockquote引用引用ブロック
 tableテーブル全体
 thead表ヘッダーテーブルのヘッダー部分
 tbody表本体テーブルの本体部分
 tfoot表フッターテーブルのフッター部分
 tr表の行テーブルの行
 thヘッダーセルテーブルのヘッダーセル
 tdデータセルテーブルのデータセル
 hr水平線区切り線
 sub下付き文字化学式などの下付き
 sup上付き文字指数などの上付き
 small小さいテキスト小さなテキスト

許可属性一覧

カテゴリ属性名対象タグ説明
リンク用hrefaリンク先URLhref="<https://example.com>"
 titleaリンクのタイトルtitle="説明テキスト"
 targetaリンクの開き方target="_blank"
画像用srcimg画像のURLsrc="image.jpg"
 altimg代替テキストalt="画像の説明"
 titleimg画像のタイトルtitle="画像タイトル"
 widthimg画像の幅width="300"
 heightimg画像の高さheight="200"
表用colspanth, td列の結合数colspan="2"
 rowspanth, td行の結合数rowspan="3"
一般的な属性style全要素CSSスタイルstyle="color:red;"

HTMLとマークダウンの混在

**マークダウンの太字** と <strong>HTMLの強調</strong> の混在

*マークダウンの斜体* と <em>HTMLの斜体</em> の混在

`マークダウンのコード` と <code>HTMLのコード</code> の混在

引用内での混在記法

> マークダウンの引用
>
> <strong>引用内のHTML強調</strong>

リスト内での混在記法

```markdown
- マークダウンリスト
- <em>リスト内のHTML斜体</em>

注意: 以下のようにHTMLブロック内ではマークダウン記法は処理されません

<ul>
  <li>HTMLリスト</li>
  <li>**これは太字になりません**</li>
  <li><strong>HTMLタグを使用してください</strong></li>
</ul>
この記事は役に立ちましたか?
0人中0人がこの記事が役に立ったと言っています