## 概要 [内容項目](/ja/manual/table-management-body)と[説明項目](/ja/manual/table-management-description)では、**リッチテキストエディタ**を使用できます。リッチテキストエディタを使用すると[マークダウン](/ja/manual/markdown)よりも柔軟にテキスト、画像、テーブルを扱えます。ワードプロセッサなどから、一定の書式を維持した状態でコピー、貼り付けることもできます。 ### 長所と短所 リッチテキストエディタの利用を始める前に、[マークダウン](/ja/manual/markdown)と比べたときの長所・短所を把握しておきましょう。 | スタイル | 長所 | 短所 | |:--|:--|:--| | マークダウン | フィルタやソート機能を問題なく使える | 特殊な記法を覚える必要がある | | リッチテキストエディタ | 特殊な記法を覚えずに使える | フィルタやソート機能を意図通りに使えなくなる可能性がある | [マークダウン](/ja/manual/markdown)との主な違いを下図にまとめます。  ## 制限事項 1. [内容項目](/ja/manual/table-management-body)や[説明項目](/ja/manual/table-management-description)のスタイルとして「リッチテキストエディタ」を選択した場合、各項目の[エディタ](/ja/manual/table-editor)の詳細設定で行える以下の設定が無効となります（無視されます）。 1. [配置](/ja/manual/table-management-textalign) 2. [最大文字数](/ja/manual/table-management-maxlength) 3. [ビュワー切替](/ja/manual/table-management-change-viewer) 4. [サムネイルサイズ](/ja/manual/table-management-thumbnail) 1. リッチテキストエディタには、フォントを切り替える機能が含まれますが、この機能で使用できるのはユーザ環境（OS）にインストール済みのフォントに限られます。[詳細ページ](/manual/richtexteditor-detail)も併せてご覧ください。また、使用するフォントのカスタマイズはオンプレミス環境でのみご利用いただけます。 1. リッチテキストエディタは[一覧編集](/ja/manual/table-record-editongrid)画面での編集に対応していません。 ## 前提条件 リッチテキストエディタを有効化するには「[サイトの管理権限](/manual/access-controls)」が必要です。 ## いつ内容項目や説明項目のスタイルを決めれば良いか [内容項目](/ja/manual/table-management-body)や[説明項目](/ja/manual/table-management-description)のスタイル（ノーマル、ワイド、マークダウン、リッチテキストエディタ）機能は、以下の流れで使用することを想定しています。 **レコード作成後にスタイルを変更した場合、設定した書式は失われます。** 1. テーブルを作成します。 2. 内容項目のスタイルを決定します。 3. 説明項目を使用するかどうかを決定します。 4. 説明項目のスタイルを決定します。 5. レコードを新規作成します。 ## 内容項目や説明項目のスタイルの決め方 リッチテキストエディタは[内容項目](/ja/manual/table-management-body)や[説明項目](/ja/manual/table-management-description)に局所限定的なHTMLを持ち込むことで実現しています。 以下の制約を許容できない場合は、マークダウンなど、ほかのスタイルをご利用ください。 1. フィルタ機能が意図通り機能しないことがあります。 2. ソート機能が意図通り機能しないことがあります。 3. CSVエクスポートや、サイトパッケージのエクスポートもHTML文書として行われます。 ## リッチテキストエディタを有効化する リッチテキストエディタを有効化するには、以下の2つの方法があります。 1. スマートデザインを使う方法 1. テーブルの管理画面のエディタタブを使う方法 ### 1. スマートデザインを使う方法 [スマートデザイン：エディタ：項目：内容](/ja/manual/smart-design-editor-body)や[スマートデザイン：エディタ：項目：説明](/ja/manual/smart-design-editor-description)をご覧ください。 ### 2. テーブルの管理画面のエディタタブを使う方法 以下では、[内容項目](/ja/manual/table-management-body)でリッチテキストエディタを有効化する手順を紹介します。[説明項目](/ja/manual/table-management-description)でも同様の手順でリッチテキストエディタを有効化できます。 なお、[説明項目](/ja/manual/table-management-description)が「現在の設定」リストにない場合は、[エディタの項目の設定](/ja/manual/table-management-editor-columns)を参考に[説明項目](/ja/manual/table-management-description)を有効化してください。 1. 対象のテーブルを開いてください。 1. 「管理」メニューから[テーブルの管理](/ja/manual/table-management)をクリックしてください。 1. [エディタ](/ja/manual/table-editor)タブをクリックしてください。 1. 「現在の設定」のリストから対象の[内容項目](/ja/manual/table-management-body)を選択し、「詳細設定」ボタンをクリックしてください。 1. [内容項目](/ja/manual/table-management-body)の「詳細設定」画面が開きます。 1. スタイルからリッチテキストエディタを選択してください。  1. 「変更」ボタンをクリックし、「詳細設定」画面を閉じてください。 1. 「更新」ボタンをクリックしてください。 1. レコードを新規作成すると[内容項目](/ja/manual/table-management-body)にリッチテキストエディタのツールバーが表示されます。 ## ツールバー [内容項目](/ja/manual/table-management-body)または[説明項目](/ja/manual/table-management-description)の先頭に表示されるツールバーには、次のようなボタンが並んでいます。  各ボタンの概要、対応するショートカットは次の通りです。macOSをお使いの場合は、CTRLをCommandと読み替えてください。 | 名前 | 概要 | ショートカット | | -------------------- | ------------------------------------------------------------------------------------------------------------------ | ------------------------ | | 元に戻す | 操作前の状態に戻します。 | CTRL＋Z | | 再実行 | 操作後の状態にします。 | CTRL＋Y / CTRL＋SHIFT＋Z | | フォント | 選択した文字列のフォントを変更します。 | － | | サイズ | 選択した文字列の文字サイズを変更します。 | － | | 段落形式 | カーソルを置いた段落に対して、9種類の段落形式（書式）を設定します。 | － | | 太字 | 選択した文字列を太字にします。 | CTRL＋B | | 下線 | 選択した文字列に下線を追加します。 | CTRL＋U | | 斜体 | 選択した文字列を斜体にします。 | CTRL＋I | | 取り消し線 | 選択した文字列に取り消し線を追加します。 | CTRL＋SHIFT＋S | | 下付き | 選択した文字列を上付きにします。 | － | | 上付き | 選択した文字列を下付きにします。 | － | | 文字色 | 選択した文字列に好きな文字色を付けられます。ボタンをクリックすると、カラーパレットが表示されます。 | － | | 文字の背景色 | 選択した文字列に好きな背景色を付けられます。ボタンをクリックすると、カラーパレットが表示されます。 | － | | テキストスタイル | 選択した文字列に3種類のスタイル（書式）を設定します。 | － | | 形式を削除 | 「段落形式」以外の書式を削除します。 | － | | ブロック表示 | ブロックの可視・不可視を切り替えます。リッチテキストエディタで思うように編集できなくなってしまったときに便利です。 | － | | インデント（左側） | カーソルを置いた段落を、右へインデントします。ボタンを押すたびに、インデントは深くなります。 | CTRL＋[ | | インデント（右側） | カーソルを置いた段落を、左へインデントします。ボタンを押すたびに、インデントは浅くなります。 | CTRL＋] | | ソート | カーソルを置いた段落の行揃えを変更します。 | － | | 水平線を挿入 | カーソル位置に横幅いっぱいの水平線を挿入します。 | － | | リスト | リスト（箇条書き）の形式（順序なし、順序付き）を選択します。 | － | | 行の高さ | 選択した行の間隔を選択します。 | － | | テーブル | カーソル位置に最大10行×10列のテーブルを挿入します。 | － | | リンク | クリックすると、リンクの挿入画面が開き、現在のカーソル位置へリンクを挿入できます。 | － | | 画像 | クリックすると、画像の挿入画面が開き、現在のカーソル位置へ画像（**PNG**、**JPEG**、**GIF**）を挿入できます。 | － | | 編集モードの切り替え | クリックでON（編集モード）とOFF（閲覧モード）とを切り替えられます。ON（編集モード）のときに、項目を編集できます。 | － | 各ボタンの詳細については[共通機能：リッチテキストエディタ：ツールの詳細](/ja/manual/richtexteditor-detail)を参照してください。 ## 対応バージョン | 対応バージョン | 内容 | | --- | --- | | 1.4.20.0以降 | 機能追加 | ## 関連情報 <div id="ManualList"><ul><li><a href="/ja/manual/table-editor">テーブル機能：レコードのエディタ画面</a><span>2023/04/12 up</span></li> <li><a href="/ja/manual/table-record-editongrid">テーブル機能：レコードの一覧編集</a><span>2025/01/30 up</span></li></ul></article> <ul><li><a href="/ja/manual/table-management">テーブルの管理</a><span>2024/05/24 up</span></li></ul></article> <ul><li><a href="/ja/manual/table-management-body">テーブルの管理：項目：内容</a><span>2025/09/09 up</span></li> <li><a href="/ja/manual/table-management-description">テーブルの管理：項目：説明</a><span>2025/09/09 up</span></li></ul></article> <ul><li><a href="/ja/manual/table-management-editor">テーブルの管理：エディタ</a><span>2024/04/09 up</span></li> <li><a href="/ja/manual/table-management-editor-columns">テーブルの管理：エディタ：エディタの項目の設定</a><span>2024/12/19 up</span></li> <li><a href="/ja/manual/table-management-textalign">テーブルの管理：エディタ：項目の詳細設定：配置</a><span>2023/04/25 up</span></li> <li><a href="/ja/manual/table-management-maxlength">テーブルの管理：エディタ：項目の詳細設定：最大文字数</a><span>2024/04/09 up</span></li> <li><a href="/ja/manual/table-management-change-viewer">テーブルの管理：エディタ：項目の詳細設定：ビュワー切替</a><span>2024/12/19 up</span></li> <li><a href="/ja/manual/table-management-thumbnail">テーブルの管理：エディタ：項目の詳細設定：サムネイルサイズ</a><span>2024/04/09 up</span></li></ul></article> <ul><li><a href="/ja/manual/markdown">共通機能：マークダウン</a><span>2024/06/17 up</span></li> <li><a href="/ja/manual/richtexteditor-detail">共通機能：リッチテキストエディタ：ツールの詳細</a><span>2025/09/09 up</span></li></ul></article></div><input id="SearchTextHidden" type="hidden" value="" />