リッチテキストエディタ：ツールの詳細

リッチテキストエディタのツールについて詳細を解説します。

このページのテーブルという用語について¶

このページ内のテーブルという用語は、リッチテキストエディタで作成できる表を意味しています。プリザンターのテーブルと混同しないでください。

フォント¶

選択した文字列のフォントを、既定では16種類のフォントから選択できるように設定されています。ただし、これらのフォントがユーザ環境（OS）で使えることが条件となります。ここで選択できるフォントを変更する方法については、以下の「フォントとサイズの設定を変更する」を参照してください。

サイズ¶

選択した文字列の文字サイズを、既定では16種類のサイズから選択できます。

フォントとサイズの設定を変更する¶

パラメータファイルTextEditorUI.jsonを書き換えることで、フォントとサイズを変更できます。この機能はオンプレミス環境でのみご利用いただけます。

{
    "RichTextEditor": {
        "DefaultFont": [
            "Meiryo",
            "Hiragino Kaku Gothic Pro",
            "Yu Gothic",
            "Helvetica Neue",
            "Helvetica",
            "Arial",
            "sans-serif"
        ],
        "FontList": [
            "游ゴシック",
            "BIZ UDPゴシック",
            "Noto Sans",
            "游明朝",
            "BIZ UDP明朝",
            "Noto Serif JP",
            "Arial",
            "Segoe UI",
            "Calibri",
            "Helvetica",
            "Impact",
            "Times New Roman",
            "ＭＳ ゴシック",
            "ＭＳ Ｐゴシック",
            "ＭＳ 明朝",
            "ＭＳ Ｐ明朝"
        ],
        "FontSize": [ 8, 9, 10, 11, 12, 14, 16, 18, 20, 22, 24, 26, 28, 36, 48, 72 ]
    }
}

段落形式¶

カーソルを置いた段落に対して、8種類の段落形式（書式）を設定します。

文字列の装飾とテキストスタイル¶

選択した文字列に様々な装飾を施せます。

太字	下線	イタリック	取り消し線	下付き	上付き	文字色	文字の背景色	テキストスタイル

太字、下線、イタリック、取り消し線、下付き、上付き、文字色、文字の背景色の反映結果や、2種類のテキストスタイルの反映結果は見本をご覧ください。

文字色、文字の背景色¶

文字色と文字の背景色の既定値は次の通りです。

カラーパレット¶

文字色ボタンまたは文字の背景色ボタンをクリックするとカラーパレットが表示されます。カーソル位置以降に入力された文字列に設定が反映されます。また、文字列を選択後、文字色ボタンまたは背景色ボタンをクリックした場合にもカラーパレットは表示され、選択範囲の文字色や背景色に反映されます。

文字色	文字の背景色

パレットから色を選択する、カラーピッカーから色を選択する、または、16進カラーコードを入力することで文字色や、文字の背景色を指定できます。指定後、確認ボタンをクリックすると指定が反映されます。16進カラーコードを入力する場合は先頭の「#」も入力してください。削除ボタンをクリックすると既定値に戻ります。

カラーピッカー	確認	削除

カラーピッカー¶

確認	閉じる

カラーピッカーから色を指定できます。指定後、確認ボタンをクリックすると指定が反映されます。閉じるボタンをクリックすると、カラーピッカーで指定した内容は反映されません。

形式を削除¶

文字列の装飾とテキストスタイルを解除します。

形式を削除

ブロック表示¶

ブロック構造を可視化して、わかりやすく表示します。

ブロック表示

インデント¶

インデントを深くしたり、浅くしたりできます。

インデント（右へ）	インデント（左へ）

ソート¶

カーソルを置いた段落の行揃えを変更するツールが表示されます。

ソート

左揃え、中央揃え、右揃え、または両端揃えに変更可能です。両端揃えは単語間のスペース幅が自動調節されます。

左揃え	中央揃え	右揃え	両端揃え

水平線を挿入¶

水平線を親ブロックの幅いっぱいに描画します。水平線の種類には実線、ダッシュ、点線が用意されています。ダッシュと点線の違いは、破線の長さと間隔です。点線の方が短く、狭い破線です。

水平線を挿入

リスト（箇条書き）¶

選択した行をリスト（箇条書き）に変更するツールが表示されます。

リスト

数値ブリット（順序付き箇条書き）と円形ブリット（順序なし箇条書き）の2種類から選択できます。

数値ブリット	円形ブリット

リストにインデントを設定すると、3レベル目までは、行頭の数字や記号が変化します。4レベル目以降は3レベル目の数字や記号が使われます。アルファベット小文字のzの次はaa、zzの次はaaaと桁上がりします。

行の高さ¶

行の高さを既定値の1.5から、1、1.2、1.7、2のいずれかに変更できます。

行の高さ

テーブル（表）の作成¶

テーブルボタンをクリックすると、10列×10行までのテーブル（表）を簡便に作成できるメニューが表示されます。たとえば、6列×9行のテーブル（表）を作成するときは、次の状態でクリックします。

11列以上、11行以上のテーブル（表）を作成したい場合は、以下を参考に行や列を分割してください。

セルの選択・複数のセルの選択¶

テーブル（表）内の任意のセルをクリックすると、セルを選択できます。選択されたセルは、ボーダー（境界線）が青くなります。

テーブル（表）内でクリック＆ドラッグすると、複数のセルを選択できます。Shiftキーを押しながら離れた2つのセルをクリックすることで、複数のセルを矩形選択することもできます。

既存のテーブル（表）の編集¶

作成したテーブル（表）のセルを選択すると、アイコンとフローティングツールバーが表示されます。

アイコン	概要
	クリック & ドラッグすると表を移動することができます。
	テーブルの直前または直後に段落（空の行）を追加します。

フローティングバーには、テーブル（表）全体に関わる設定を行うバーと、列・行・セルの設定を行うバーがあります。

テーブル（表）全体の設定¶

下記メニューではテーブル（表）全体に関わる設定を編集できます。

表のプロパティ¶

表の境界線・色・フォント・ソートを設定できます。

線の形式の見本¶

見本を見る

名前	境界線
none
solid
dotted
dashed
double

名前	境界線
groove/outset
inset/ridge

grooveとoutset、insetとridgeに違いはありません。

列・行・セルの編集¶

下記アイコン・メニューでは、列、行、セルに関わる設定を編集できます。

※上の画面は説明のため、すべてのボタンがアクティブになるよう合成した画面です。

セルのプロパティ¶

セルの境界線・色・フォント・ソートを設定できます。

リンクの挿入画面¶

リンクボタンをクリックするとリンクの挿入画面が開きます。

リンク

既存のリンクの編集¶

既存のリンクにカーソルを置くと、フローティングツールバーが表示されます。

画像の挿入画面¶

画像ボタンをクリックすると画像の挿入画面が開きます。

画像

ブロックスタイルの画像のみ表示される選択肢

挿入済みの画像を選択すると、フローティングツールバーが表示されます。
ツールバーでできる設定はブロックスタイルとインラインスタイルで異なります。

ブロックスタイルの場合

画像	概要
	クリック & ドラッグすると画像を移動することができます。
	クリック& ドラッグすると画像のサイズ変更をすることができます。
	クリックすると、ブロックスタイルの画像が縦に連続している場合に、その間に文字列を入力できるようになります。

名前	概要
ブロックスタイル－ブロックとして	ブロックスタイルを維持します。
ブロックスタイル－インラインとして	インラインスタイルに変更します。
サイズ変更－自動サイズ	選択した画像の幅をautoに設定します。
サイズ変更－100%サイズ	選択した画像の幅を100％（表示領域幅いっぱい）に設定します。
サイズ変更－75%サイズ	選択した画像の幅を（表示領域幅の）75％に設定します。
サイズ変更－50%サイズ	選択した画像の幅を（表示領域幅の）50％に設定します。
左に回転	選択した画像を反時計回りに90度回転します。
右に回転	選択した画像を時計回りに90度回転します。
左右反転	選択した画像を左右反転します。
上下反転	選択した画像を上下反転します。
編集	画像の挿入画面が表示されます。
ソート－基本	画像を標準的なブロック要素として挿入します（左揃え）。画像の右側に回り込みは発生しません。
ソート－左	画像を行内で左揃えにします。画像の後続要素が画像の右側へ回り込むように表示されます（フロート効果）。
ソート－中央	画像を標準的なブロック要素として挿入します（中央揃え）画像の左右に回り込みは発生しません。
ソート－右	画像を行内で右揃えにします。画像の後続要素が画像の左側へ回り込むように表示されます（フロート効果）。
説明付け	この説明文は代替えテキストとは異なり、画像の直下に表示される説明文（キャプション）です。
元に戻す	横（幅）、縦（高さ）の直前の変更を取り消します。
コピー	選択した画像をクリップボードにコピーします。
削除	選択した画像を削除します。誤って削除してしまった場合は、ツールバーから元に戻すを選択してください。

インラインスタイルの場合

画像	概要
	クリック & ドラッグすると画像のサイズ変更をすることができます。

名前	概要
ブロックスタイル－ブロックとして	ブロックスタイルに変更します。
ブロックスタイル－インラインとして	インラインスタイルを維持します。
左右反転	選択した画像を左右反転します。
上下反転	選択した画像を上下反転します。
編集	画像の挿入画面が表示されます。
元に戻す	横（幅）、縦（高さ）の直前の変更を取り消します。
コピー	選択した画像をクリップボードにコピーします。
削除	選択した画像を削除します。誤って削除してしまった場合は、ツールバーから元に戻すを選択してください。

画像のプレビュー¶

以下のいずれかの状態で、リッチテキスト中の画像をクリックすると、画像がポップアップして拡大表示されます。

1. レコードの一覧画面
2. レコードの編集画面で、編集モードをOFFにした状態

1つの項目に対して複数の画像を挿入している場合は、ポップアップした画像の右下に前後の画像を見るためのコントロールが表示されます。画像の大きさによりコントロールの表示位置が変わりますので、注意してください。画像の拡大表示を閉じるには、画像右上の×ボタンをクリックします。

対応バージョン¶

関連情報¶

リッチテキストエディタ