---
sourceDocument: Xanadu Now Platform の管理
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/ja-JP/xanadu/platform-administration
Release :
- xanadu
ft:locale :
- ja-JP
ft:publication_title :
- Xanadu Now Platform の管理
ft:clusterId :
- platadm
bundleId :
- platadm
workflow :
- Platform
---
# HTML フィールドエディターの書式設定機能
# HTML フィールドエディターの書式設定機能 {#ariaid-title1}
* リリースバージョン: Xanadu
*
* 更新日 2024年08月01日
*
*  所要時間：2分
書式設定テーブルには、テキストの表示方法をコントロールする方法が表示されます。
次の表は、TinyMCE および htmlArea エディターで使用できるアイコンを示しています。アスタリスク (\*) でマークされた名前は、htmlArea エディターでは使用できません。
{#r_Formatting__table_q42_3gf_vq__entry__4}
| 名前 | htmlArea のアイコン | TinyMCE のアイコン | 説明 |
|-|-|-|-|
| 中央揃え | | ![TinyMCE v6 の中央揃え]() | 現在の段落に中央揃えを適用します。 [コード参照](http://www.w3schools.com/cssref/pr_text_text-align.asp)： `text-align:center` |
| 左揃え | | ![TinyMCE v6 の左揃え]() | 現在の段落に左揃えを適用します。 [コード参照](http://www.w3schools.com/cssref/pr_text_text-align.asp)： `text-align:left` |
| 右揃え | | ![TinyMCE v6 の右揃え]() | 現在の段落に右揃えを適用します。 [コード参照](http://www.w3schools.com/cssref/pr_text_text-align.asp)： `text-align:right` |
| 背景色 | | ![TinyMCE v6 の背景色]() | 現在の単語または選択したテキストに背景色を適用します。現在の色を使用するには、ボタンを選択します。\[その他の色...(More Colors...)\] を選択すると、さまざまな色のオプションと 16 進コードが表示されます。 |
| ブロック | | ![TinyMCE v6 ブロック]() | 編集可能領域のブロックレベル要素の表示/非表示を切り替えます。これは WYSIWYG 隠し文字機能と似ていますが、ブロックレベルで行われます。 |
| \* ブロック引用符 | | ![TinyMCE v6 のブロック引用符]() | 現在のブロックレベル要素にブロック引用符形式を適用します。 |
| ボールド | | ![TinyMCE v6 の太字]() | 選択したテキストまたは現在の単語に太字の書式を適用します。 キーボードショートカット：CTRL + B |
| 箇条書きリスト | | ![TinyMCE v6 箇条書きリスト]() | 選択した段落の順序付けされていないリストタグを適用または削除します。矢印を選択して、別の箇条書き記号タイプを選択します。 |
| フォントファミリ | | ![TinyMCE v6 の \[フォントファミリ\] ドロップダウンメニュー]() | 選択したテキストまたは現在の単語にフォントファミリを適用します。 |
| フォントサイズ | | ![TinyMCE v6 の \[フォントサイズ\] ドロップダウンメニュー]() | 選択したテキストまたは現在の単語にフォントサイズを適用します。 |
| インデントの追加 | | ![TinyMCE v6 インデントの追加]() | 現在の段落または選択した段落にインデントを適用します (左に 30 px のパディングを追加します)。 [コード参照](http://www.w3schools.com/cssref/pr_padding-left.asp)： `pading-left` |
| 斜体 | | ![TinyMCE v6 の斜体]() | 選択したテキストまたは現在の単語に斜体の書式を適用します。 キーボードショートカット：CTRL + I |
| 両端揃え | | ![TinyMCE v6 の両端揃え]() | 行を同じ幅に拡大する両端揃えを、選択した段落に適用します。 [コード参照](http://www.w3schools.com/cssref/pr_text_text-align.asp)： `text-align:justify` |
| \* LTR (左から右) | | ![TinyMCE v6 LTR]() | コンテンツの方向を左から右に設定します。 |
| \* 新規ドキュメント | | ![TinyMCE v6 新規ドキュメント]() | 書式を設定せずにドキュメントを作成します。 |
| ノンブレーキング | | ![TinyMCE v6 ノンブレーキング]() | ノンブレーキングスペースをエディターに挿入します。 |
| 番号付きリスト | | ![TinyMCE v6 番号付きリスト]() | 選択した段落の順序付けされたリストタグを適用または削除します。矢印を選択して、異なる番号タイプを選択します。 |
| インデントを減らす | | ![TinyMCE v6 のインデント削除]() | 現在の段落または選択した段落からインデントを削除します ( 左のパディングの 30 px を削除します)。 注: パディングを 0 未満にすることはできません。 [コード参照](http://www.w3schools.com/cssref/pr_padding-left.asp)： `pading-left` |
| \* 改ページ | | ![TinyMCE v6 改ページ]() | エディターに改ページを挿入します。 |
| \* 書式設定を削除 | | ![TinyMCE v6 の書式設定の削除]() | 選択したテキストから書式設定を削除します。 |
| \* RTL (右から左) | | ![TinyMCE v6 RTL]() | コンテンツの方向を右から左に設定します。 |
| 取り消し線 | | ![TinyMCE v6 取り消し線]() | 選択したテキストに取り消し線書式を適用します。 |
| \* 下付き文字 | | ![TinyMCE v6 の下付き文字]() | 選択したテキストに下付き文字の書式を適用します。 |
| \* 上付き文字 | | ![TinyMCE v6 上付き文字]() | 選択したテキストに上付き文字の書式を適用します。 |
| テキストの色 | ![テキストの色の html]() | ![TinyMCE v6 のテキストの色]() | 選択したテキストにテキストの色を適用します。現在の色を使用するには、ボタンを選択します。\[その他の色...(More Colors...)\] を選択すると、さまざまな色のオプションと 16 進コードが表示されます。 |
| 下線 | | ![TinyMCE v6 の下線]() | 選択したテキストまたは現在の単語に下線の書式を適用します。 キーボードショートカット：CTRL + U |
[表 : 1. 書式設定の表]
{#r_Formatting__table_q42_3gf_vq}
* **[TinyMCE のテキストをハイライト表示する](https://servicenow-prod.fluidtopics.net/SLjMib1jvc1RBfTRzucyyQ)**
TinyMCE の下部バーに、カーソル位置のテキストの HTML タグのパスが表示されます。
* **[HTML エディターに改行を挿入する](https://servicenow-prod.fluidtopics.net/2Wyad6IECyR7aSc7RVG7CA)**
Enter キーを使用すると、エディターで段落要素 (``) タグが作成され、二重スペースとして表示されます。