# WYSIWYG

WYSIWYG エディタ関係のテスト

# 段落のサンプル

## 段落-大見出し

###   
段落-中見出し

####   
段落-小見出し

#####   
段落-極小見出し

  
段落

> 引用

<p class="callout info"><span style="color: #01466c;"><span style="caret-color: rgb(1, 70, 108); background-color: rgb(211, 239, 255);">コールアウト-情報</span></span></p>

<p class="callout success"><span style="color: #01466c;"><span style="caret-color: rgb(1, 70, 108); background-color: rgb(211, 239, 255);">コールアウト-成功</span></span></p>

<p class="callout warning"><span style="color: #01466c;"><span style="caret-color: rgb(1, 70, 108); background-color: rgb(211, 239, 255);">コールアウト-警告</span></span></p>

<p class="callout danger"><span style="color: #01466c;"><span style="caret-color: rgb(1, 70, 108); background-color: rgb(211, 239, 255);">コールアウト-危険</span></span></p>

# 文字スタイル

**ボールド**

*イタリック*

<span style="text-decoration: underline;">アンターライン</span>

##### <span style="color: rgb(191, 237, 210);">文</span><span style="background-color: rgb(251, 238, 184);">字</span><span style="color: rgb(248, 202, 198);">の</span><span style="color: rgb(224, 62, 45);">色</span><span style="color: rgb(0, 0, 0);">を</span><span style="color: rgb(186, 55, 42);">い</span><span style="color: rgb(39, 78, 156);">ろいろと</span>

##### <s>取り消し</s>

<span style="color: #222222;"><span style="caret-color: rgb(34, 34, 34); font-size: 19.6px;">上付き<sup>上付き</sup></span></span>

##### <span style="color: #222222;"><span style="caret-color: rgb(34, 34, 34); font-size: 15.68px;">下付き<sub>下付き</sub></span></span>

`<span style="color: #222222;"><span style="caret-color: rgb(34, 34, 34); font-size: 15.68px;">インラインコード</span></span>`

##### 行揃え-左  


##### 行揃え-中央  


##### 行揃え-右

##### 行揃え-両端揃え

##### **リスト-A-・版**

- **リスト**
- **リスト**
- **リスト**

##### **リスト-B-数字-版**

1. **リスト**
2. **リスト**

##### **リスト-C-チェック-版**

- [ ] **リスト**
- [ ] **リスト**

##### **段落段落**

##### **段落段落**

# 表とかリンクとか画像とか・・・・コードブロック

##### **リンク**

**[https://www.a10-objects.jp](https://www.a10-objects.jp "Webページ")**

<table border="1" id="bkmrk-%E8%A1%A8%E5%BD%A2%E5%BC%8F-%E8%A1%A8%E5%BD%A2%E5%BC%8F-%E8%A1%A8%E5%BD%A2%E5%BC%8F-%E8%A1%A8%E5%BD%A2%E5%BC%8F-%E8%A1%A8%E5%BD%A2%E5%BC%8F-" style="border-collapse: collapse; width: 49.761905%; height: 68px;"><colgroup><col style="width: 33.333333%;"></col><col style="width: 33.333333%;"></col><col style="width: 33.333333%;"></col></colgroup><tbody><tr><td>表形式</td><td>表形式</td><td>表形式</td></tr><tr><td>表形式</td><td>表形式</td><td>表形式</td></tr></tbody></table>

##### **画像**

[![JH5GHW.jpg](https://book.a10-objects.jp/uploads/images/gallery/2026-03/scaled-1680-/jh5ghw.jpg)](https://book.a10-objects.jp/uploads/images/gallery/2026-03/jh5ghw.jpg)

##### **ライン**

---

##### **コードブロック**

```swift
import XCTest
@testable import TesCursor

final class TesCursorTests: XCTestCase {
    func testExamplePasses() {
        XCTAssertTrue(true)
    }
}

```

# 描画とかメディアなど

##### 描画  


<div drawio-diagram="22"><img src="https://book.a10-objects.jp/uploads/images/drawio/2026-03/drawing-1-1774535985.png" alt=""/></div>

##### 動画

URLベースか(^^;

画像のように動画をアップロードして、埋め込むことは出来ない様だ!  
<iframe allowfullscreen="allowfullscreen" height="350" src="https://player.vimeo.com/video/289318633?title=0&amp;byline=0" width="425"></iframe>

##### 動画のアップロードと表示

編集画面の右の添付ファイルからアップロードして、表示する。  
<span style="color: rgb(224, 62, 45);">**&gt;&gt;&gt; できないよ!**</span>

<span style="color: rgb(0, 0, 0);"><span style="caret-color: rgb(224, 62, 45);">**動画ファイル(.mov)などは添付ファイルとしてアップ/ダウンロードできるが、URLペーのように再生は出来ない。**</span></span>

[クリックしてダウンロード](https://book.a10-objects.jp/attachments/1 "動画")