HTML による装飾のテスト

テスト結果からのリッチエディタのボタン選択、代替表現について。

スライドのソース

• HTML(リッチエディタ) + markdown のハイブリッドを選択
• HTML は rehype-remark で markdown へ変換している
• 変換等で装飾が無効化されることがある
• 項目別に有効・無効の確認を行う

見出し、リスト

• <h1> 等 ⇒ 有効
• ul 等 ⇒ 有効

文字の装飾

• リッチエディタで太字等が指定された場合の確認

  • 「太字」: <strong> ⇒ 有効

  • 「斜体」: <em> ⇒ 無効

  • 「打消し線」: <s> ⇒ mdast-util-to-markdown が Error: Cannot handle unknown node delete

  • 「

    文字色

    」:<span> に style 属性 ⇒ 無効

  • 「

    背景色

    」:<span> に style 属性 ⇒  無効

横位置

右寄せ

<p> に style 属性 ⇒ 無効 ---

リッチエディタのボタン

• 表示領域確保のためにボタンは減らしたい
• 前述のような結果だったため文字装飾関連は太字のみ残す
• 以下、減らした状態（機種によってはソフトキーボードが表示されると厳しい)

代替表現

• スライド作成では横位置はなくてもほぼ困らない(はず)
• 文字の装飾はどうしてもというときは CodeDock 対応

サンプル

コード

表示

• たとえばここは赤とする
• ~~打消し線~~も利用できる