ヘルプ記事のエディタについて
編集画面のエディタの機能について説明いたします。
概要.各種エディタ機能の一覧
見出し/本文
文字サイズ
太字
打ち消し線
下線
文字色/背景色
文字揃え
箇条書き
番号付きリスト
リンク
画像埋め込み
ファイル添付
埋め込み(外部コンテンツの埋め込み)
テーブル
引用ブロック
区切り線
書式のクリア
1. 見出し/本文
概要
記事の構造(章・節・項)を整理するために、本文と3階層の見出し(見出し2/見出し3/見出し4)が利用できます。
テキスト入力は初期状態で「本文」から始まり、必要に応じて見出し階層へ切り替えます。
操作手順
見出しにしたい行を選択
ツールバーの一番左のアイコンから「見出し2」「見出し3」「見出し4」を選択
仕様
管理画面・公開画面共に見出し構造に沿って自動で目次が生成されます
公開画面では、目次をクリックすると記事本文の該当場所に自動で遷移します
2. 文字サイズ
概要
文字を下記のサイズに変更できます。
10px
12px
14px
16px
18px
20px
24px
28px
30px
36px
48px
64px
操作手順
サイズを変更したい文字を選択
ツールバーの「文字サイズ」から希望のサイズを指定
3. 太字
概要
強調したい箇所を太字にできます。
操作手順
テキストを選択 → ツールバーの「B」をクリック
4. 打ち消し線
概要
不要になった情報などを取り消し線で表現できます。
操作手順
テキストを選択 → 「S」アイコンをクリック
5. 下線
概要
強調のために文字に下線を引けます。
操作手順
テキストを選択 → 「U」アイコンをクリック
6. 文字色/背景色
概要
文字の色や背景色を変更できます。
操作手順
対象の文字を選択
ツールバーから「文字色」または「背景色」を選び、色を指定
7. 文字揃え
概要
文字を左寄せ・中央揃え・右寄せにできます。
操作手順
ツールバーの整列アイコンから選択
8. 箇条書き
概要
文章を箇条書き形式にできます。
操作手順
箇条書きにしたい文字を選択
ツールバーの「箇条書き」をクリック
9. 番号付きリスト
概要
手順などを番号順に並べる際に使用します。
操作手順
番号付きでリスト化したい文字を選択
ツールバーの「番号付きリスト」をクリック
10. リンク
概要
本文内のテキストにヘルプドッグの他記事や外部サイトへのリンクを設定できます。
リンクを設定する際は下記2点を設定する必要があります。
リンクにするテキスト
リンクのURL
操作手順(3パターン)
パターン1:アイコンを押して「テキスト」と「URL」を両方入力
リンクを設定したい位置にカーソルを置く
ツールバーの「リンク」アイコンをクリック
「リンクにするテキスト」「リンクのURL」の両方を入力
「リンクを追加」をクリック
パターン2:先に本文へ文章を入力し、その一部をリンク化
本文に通常のテキストを入力
リンクにしたい文字列を選択
ツールバーの「リンク」アイコンをクリック
「リンクにするテキスト」は自動で入力済み
「リンクのURL」だけ入力して追加
パターン3:URLを本文にそのまま貼り付ける
本文にURLを直接ペースト
設定後の操作
リンクが設定されたテキストをクリックすると、次の操作を選べます。
リンクを開く
リンクを変更(テキスト/URL の再編集)
削除(リンクを解除)
仕様
常に新しいタブで開く仕様で固定
ページ内リンクはなし(見出しに応じて自動生成される目次がアンカーとして機能)
11. 画像埋め込み
概要
記事内に画像を挿入できます。
操作手順
ツールバーの「画像埋め込み」アイコン → 画像を選択してアップロード
仕様
1画像あたり最大50MB
対応形式:jpeg/png/gif/webp
12. ファイル添付
概要
記事にファイル(PDF/Excel など)を添付できます。
操作手順
「ファイル」アイコンをクリック → 添付ファイルを選択
仕様
1ファイルあたり最大50MB
添付可能なファイルタイプの制限なし
添付ファイルの個数制限なし
13. 埋め込み(外部コンテンツ)
概要
Google Maps, YouTube, Instagram, Xなど外部サービスを記事内に埋め込めます。
操作手順
ツールバーの「埋め込み」アイコンをクリック
対象URLを入力
「埋め込む」をクリック
サンプル |
|---|
14. テーブル(表)
概要
行・列の追加、削除、見出し行の設定などが可能です。
操作手順
「表」アイコンから行列数を指定して挿入
行・列の追加/削除はツールバーで操作
表の横幅はマウス操作で調整可能
高さを増やす場合はセル内で改行
仕様
1行目を見出しに設定可能
1列目を見出しに設定可能
(いずれもツールバーで切り替え)
15. 引用ブロック
概要
注意書きや参考文献を引用形式で表示できます。
操作手順
ツールバーの「引用ブロック」アイコンをクリック
16. 区切り線
概要
セクション間の区切りとして横線を挿入できます。
操作手順
ツールバーの「区切り線」アイコンをクリック
17. 書式のクリア
概要
選択した範囲の書式(色、太字、サイズなど)を一括で解除します。
操作手順
対象文字を選択して「書式クリア」アイコンをクリック