---
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日
*
*  所要時間：3分
HTML ツールバーで使用できるボタンを構成します。
## 始める前に
必要なロール：admin
## 手順
1. 好みの HTML フィールドエディターのツールバーオプションを更新します。
| オプション | 説明 |
| htmlArea ツールバー | 1. アプリケーションナビゲーターに「sys_properties.list」と入力して、システムプロパティ \[sys_properties\] テーブルに移動します。 2. \[名前\] 列で、glide.ui.html.toolbar を検索します。 3. glide.ui.html.toolbar プロパティを選択します。 {#t_ConfigureTheTinyMCEHTMLToolbar__ol_ldy_mgd_rxb} |
| TinyMCE | 1. アプリケーションナビゲーターに「sys_properties.list」と入力して、システムプロパティ \[sys_properties\] テーブルに移動します。 2. \[名前\] 列で、glide.ui.html.editor.toolbar を検索します。 3. glide.ui.html.editor.toolbar プロパティを選択します。 {#t_ConfigureTheTinyMCEHTMLToolbar__ol_zmt_vgd_rxb} |
|-|-|
{#t_ConfigureTheTinyMCEHTMLToolbar__choicetable_twl_kgd_rxb}
2. \[値\] フィールドで、各ツールバーのボタンを、スペースを入れずにカンマで区切って入力または削除します。
TinyMCE ツールバーの場合、TinyMCE ボタンオプションテーブルに記載されているすべてのツールバーボタンを glide.ui.html.editor.toolbar.valid_buttons sys_property で使用できます。そこにあるリストから選択し、システムプロパティ \[sys_properties\] glide.ui.html.editor.toolbar に追加できます。セクションセパレーターを追加するには、垂直バー ("\|") を使用します。
{#t_ConfigureTheTinyMCEHTMLToolbar__simpletable_exc_mlp_3r__entry__2}
| ボタンの目的 | 承認されたボタン名 |
|-|-|
| 書式設定 | newdocument、bold、italic、underline、aligncenter、alignjustify alignleft、alignright、indent、outdent、numlist、bullist、blocks、fontfamily、fontsize、forecolor、removeformat、backcolor、blockquote、strikethrough、subscript、superscript、pagebreak、nonbreaking、ltr rtl |
| テーブル機能 | table、tableofcontents |
| 編集中 | copy、cut、paste、pastetext、undo、redo、searchreplace |
| 拡張機能 | link、unlink、charmap、code、codesample、hr、image、media、preview、print、visualblocks、visualchars、anchor、emoticons、insertdatetime、fullscreen (Internet Explorer ではサポートされていません) |
[表 : 1. TinyMCE のボタンオプション]
{#t_ConfigureTheTinyMCEHTMLToolbar__simpletable_exc_mlp_3r}
htmlArea ツールバーには、htmlArea ボタンオプションテーブルにリストされているボタンを使用します。セクションセパレーターを追加するには、セパレーターを使用します。
{#t_ConfigureTheTinyMCEHTMLToolbar__htmlArea__entry__2}
| ボタンの目的 | 承認されたボタン名 |
|-|-|
| 書式設定 | formatblock、fontname、fontsize、bold、italic、underline、justifyleft、justifycenter、justifyright、justifyfull、insertorderedlist、insertunorderedlist、outdent、indent、forecolor、hilitecolor |
| 編集 | copy、paste、undo |
| 拡張機能 | createlink、inserthorizontalrule、insertimage、insertvideo、inserttable、htmlmode |
[表 : 2. htmlArea のボタンオプション]
{#t_ConfigureTheTinyMCEHTMLToolbar__htmlArea}
3. \[更新\] を選択します。
## 次のタスク
詳細については、「[TinyMCE のデフォルトツールバーを変更する](https://servicenow-prod.fluidtopics.net/M0wpSG0iG9PKmBppc4Lukw#set-dictionary-attributes-workspace "ワークスペース全体で有効または無効になるように、システムプロパティのツールバー項目を設定します。")」を参照してください。
* **[HTML フィールドエディターの書式設定機能](https://servicenow-prod.fluidtopics.net/HiHEshMHU559XjDZaXpC~A)**
書式設定テーブルには、テキストの表示方法をコントロールする方法が表示されます。
* **[HTML フィールドエディターのテーブル機能](https://servicenow-prod.fluidtopics.net/KnoOc1PeD4ET5UDg5tRYeA)**
TinyMCE バージョン 6.8.3 では、メニューとメニュー選択を使用してテーブルを作成および編集します。
* **[HTML フィールドエディターの編集機能](https://servicenow-prod.fluidtopics.net/Sw6RyQGeklI_JCp~NOJR4g)**
TinyMCE には、いくつかの編集機能が組み込まれています。
* **[HTML フィールドエディターの拡張機能](https://servicenow-prod.fluidtopics.net/qq70YqahqSdlCr9iiuqeHg)**
HTML コンテンツの操作に使用できる拡張機能。
**関連概念**
* [TinyMCE HTML エディターのプラグインの構成](https://servicenow-prod.fluidtopics.net/6XkjztzwcJX4ImPglnZ~IA#configuring-plugins-for-TinyMCE-HTML-editor "TinyMCE HTML エディターは強力で柔軟性があり、カスタマイズ可能なリッチテキストエディターです。プラグインを使用してエディターを構成して拡張できます。")
* [ディクショナリ属性を使用した TinyMCE ツールバーの構成](https://servicenow-prod.fluidtopics.net/M0wpSG0iG9PKmBppc4Lukw#tinymce "ディクショナリ属性を設定することで、特定のテーブル用に TinyMCE HTML エディターを構成できます。")
**関連資料**
* [TinyMCE HTML エディターのシステムプロパティの構成](https://servicenow-prod.fluidtopics.net/bXtw4iXGZKS5JIGGjMD1hQ "HTML エディターのフィールドタイプの動作を構成するために使用される、複数のシステムプロパティがあります。TinyMCE リッチテキストエディターで利用可能なシステムプロパティについて説明します。")