FAQの本文は、見出し・リスト・装飾などが使えるリッチテキストエディタで作成します。

画面操作から変換することも可能ですが、マークダウンエディターも搭載しているため、簡単に作成が可能です。

基本的な使い方

SHELPのテキストエディターでは、画面操作やマークダウン記法にも対応しています。

また入力する際に / スラッシュを入力することで、操作パネルが表示され、矢印キーなどでも選択することが可能となっているため、マウスを使わずに簡単に入力が可能となっています。

入力された文字を選択し、フォーカスすることでも操作パネルが表示され、あとから文字の装飾や変換が可能になっています。

またドラッグアンドドロップでの入れ替えにも対応しているため、知識がなくても操作が可能になっています。

使える書式

見出し

見出しは、行の先頭に「#（シャープ）」と半角スペースを付けて記述することで作成できます。#の数によって見出しの階層（レベル）が変わり、2つで中見出し（H2）、3つで小見出し（H3）になります。

例えば、以下のように記述します。

見出しを活用することで階層を直感的に表現できるため、文章の構造をシンプルに整理できます。

また本文に見出しを利用するとシステムが解析し、目次を自動的に作成します。ぜひご活用ください。

MarkDown記法:
## 見出し2
### 見出し3

装飾

様々な文字の装飾が可能になっています。すべて画面操作からも設定が可能です。

Markdownでは、テキストを記号で囲むことで文字の装飾を行えます。

強調や表現を加えることで、文章の可読性が向上します。以下に代表的な装飾をまとめます。

区切り線

セクションを分けるようなボーダーが挿入可能です。

段落を分ける場合など明示的にボーダーを挿入することで可読性が劇的に向上します。

—- マークダウン記法としてハイフン3つを入力するか、画面内メニューから「区切り線」を選択することで挿入が可能です。

MarkDown記法:
---
(ハイフン3つ)

コードの挿入

ソースコードや備考など様々な用途にご利用することができるブロックです。

シンタックスハイライトにも対応しているため、ソースコードを入力する際は選択した言語に応じたハイライトで表示されます。

例:ruby
puts 'The best way to log and share programmers knowledge.'

例:typescript
console.log('The best way to log and share programmers knowledge.')

例:備考として(plain text)
これは備考です。段落の最後などに設置することでわかりやすく説明が可能です。

MarkDown記法:
```ruby
puts 'The best way to log and share programmers knowledge.'
```

引用

文頭に>を置くことで引用になります。 複数行にまたがる場合、改行のたびにこの記号を置く必要があります。 引用の上下に空行がないと正しく表示されません 引用の中に別のMarkdownを使用することも可能です。

これが引用です。

これはネストされた引用です。

MarkDown記法:
> これが引用です。
> > これはネストされた引用です。

リスト

リストは、文書の構造を整理して読みやすくするための機能です。

箇条書き、番号付きリスト、チェックリストの3種類があります。

1. 箇条書き

• これが箇条書きリスト1です。

• これが箇条書きリスト2です。

  • ネストも可能です。

MarkDown記法:
- これが箇条書きリスト1です。
- これが箇条書きリスト2です。
- - ネストも可能です。

2. 番号付きリスト

1. これが番号付きリストです。

2. 自動で連番されます。

   1. ネストも可能です。

MarkDown記法:
1. これが番号付きリストです。
1. 自動で連番されます。
  1. ネストも可能です。

3. チェックリスト

• これがチェックリストです

• ToDoリストとも呼ばれます。

  • ネストも可能です。

• チェックが可能です

MarkDown記法:
[] これがチェックリストです
[] ToDoリストとも呼ばれます。
  [] ネストも可能です。
[x]チェックが可能です

絵文字

絵文字の挿入が可能になっています。

操作パネルから絵文字を選択することで、絵文字の一覧が表示されます。一覧から選択することで本文に絵文字が挿入されます。

リンク

他のページへ遷移できるリンクを挿入できます。

リンクは操作パネルから挿入が可能となっており、別タブで遷移させるか、同じタブで遷移させるかの設定も可能になっています。

またタイトル付きのリンクも設定可能です。

sample(TOPへ)(同タブ内遷移)

sample(TOPへ)(別タブ内遷移)

sample(ページ内遷移)

画像

FAQ本文内には画像が挿入できます。

画像はCDNとして配信されるため、高速に表示が可能となっています。挿入できる画像は1枚2MBまでとなっており、枚数に制限はありません。

挿入するには画面操作パネルから可能となっています。

また挿入された画像は、左寄せ/中央寄せ/右寄せで位置の調整が可能です。

また画像のサイズもドラッグアンドドロップで調整が可能です。画像の両端に出ているバーをドラッグすることでサイズ変更が可能です。

更に画像に対するキャプション（説明文）の設定も可能です。

テーブル

FAQにテーブル（表）の挿入が可能です。

テーブルは操作パネルから挿入できます。

挿入されたテーブルは、直感的な操作で行や列の追加、上下左右中央寄せ、色の変更などが可能になっています。

テーブル内コードです

AI-copilot機能

FAQ本文をAIcopilot機能で、続きを書いたり、トーンを調整したり、内容の修正や要約を行うことができます。

続きを書く場合は直前に入力されている文字から補填するように、AIが追加してくれます。指示した内容からも作成することが可能です。

画面内操作パネルから実行することができます。