---
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


---

# TinyMCE HTML エディターのプラグインの構成

# TinyMCE HTML エディターのプラグインの構成 {#ariaid-title1}

* リリースバージョン: Xanadu
* 
* 更新日 2024年08月01日
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 所要時間：6分

TinyMCE HTML エディターは強力で柔軟性があり、カスタマイズ可能なリッチテキストエディターです。プラグインを使用してエディターを構成して拡張できます。
{#configuring-plugins-for-TinyMCE-HTML-editor__table_jv1_rrv_lbc__entry__2}

| プラグイン名 | 説明 |
|-|-|
| メニュー | 追加のコンテンツを展開して表示したり、折りたたんで非表示にしたりできるセクションを、ドキュメント内に作成できるようになります。 |
| advlist | コントロールに CSS list-style-type スタイルの数値書式と箇条書きタイプを追加することで、コア bullist および numlist ツールバーコントロールを拡張します。 |
| align_listitems | 箇条書きと番号がコンテンツに沿って配置されるようにします。 |
| アンカー | エディターのカーソル挿入ポイントにアンカーを挿入するための、アンカー/ブックマークボタンをツールバーに追加します。また、\[挿入\] メニューの下にメニュー項目アンカーが追加されます。 |
| autolink | 有効で完全な URL を入力すると、自動的にハイパーリンクが作成されます。たとえば、 www.example.com は http://www.example.com に変換されます。 |
| autoresize | エディターのサイズを内部のコンテンツに合わせて自動的にサイズ変更します。これは通常、編集可能領域にテキストを入力する際にエディターが無限に拡張されるのを防ぐために使用されます。 |
| charmap | キーボードから直接追加できない特殊な Unicode 文字のマップが含まれているダイアログをエディターに追加します。 |
| codemirror | デフォルトのテキスト エリアよりも高度なコードエディターを提供します。 |
| codesample | 構文色で強調表示されたコードスニペットを編集可能領域に挿入し、埋め込みます。また、生のコード入力を受け入れるためのダイアログボックスを開くボタンを、ツールバーに追加します。 |
| directionality | 方向のコントロールをツールバーに追加し、TinyMCE が右から左に記述する言語をより適切に処理できるようにします。左から右へのテキストには「ltr」、右から左へのテキストには「rtl」と、それぞれの値に対応したツールバーボタンが追加されます。 |
| emoticons | TinyMCE 編集可能領域に絵文字を挿入するためのダイアログをエディターに追加します。 |
| fullscreen | フルスクリーン編集機能を TinyMCE に追加します。ツールバーボタンを押すと、編集可能領域がブラウザのビューポート全体に広がります。 |
| image | TinyMCE の編集可能領域に画像を挿入できるようにします。 |
| insertdatetime | 編集可能領域のカーソル挿入ポイントに現在の日付と時刻を挿入できるようにする、ツールバーコントロールとメニュー項目を提供します。 |
| リンク | Web サイトの URL などの外部リソースを、ドキュメント内の選択したテキストにリンクできるようにします。 |
| リスト | TinyMCE に番号付きリストと箇条書きリストを追加できるようにします。英数字付きリストや四角い箇条書き記号などの高度なリストを有効にするには、Advanced List (advlist) プラグインも有効にする必要があります。 |
| メディア | HTML5 ビデオおよびオーディオ要素を編集可能領域に追加できます。 |
| nonbreaking | A次のような改行なしスペースエンティティを挿入するためのボタンを追加します で、 カーソル挿入ポイント。また、\[ノーブレークスペース (Nonbreaking space)\] メニュー項目が \[挿入\] メニューのドロップダウンリストとツールバーボタンに追加されます。 |
| pagebreak | 改ページのサポートを追加し、編集可能領域に改ページを挿入できるようにします。この機能は、CMS が特殊なセパレーターを使用してコンテンツをページに分割する場合に便利です。 |
| プレビュー | 現在のコンテンツをプレビューモードで表示するダイアログボックスを開くプレビューボタンを、ツールバーに追加します。 |
| readonlynoborder | HTML フィールドタイプの読み取り専用モードを有効にします。 |
| searchreplace | TinyMCE に検索および置換ダイアログを追加します。 |
| table | テーブル管理機能 (ダイアログ、コンテキストメニュー、コンテキストツールバー、メニューアイテム、ツールバーボタンなど) を TinyMCE に追加します。 |
| tableofcontents | 基本的な目次 (ToC) を作成し、エディターのカーソル挿入ポイントに挿入します。目次エントリは、コンテンツ内のヘッダー要素から生成されます。 |
| visualblocks | 編集可能領域内の ブロックレベルの要素を表示できるようにします。 |
| visualchars | これはDDSのような目に見えない文字を見る機能 を編集可能領域に表示します。 |
| wordcount | 単語をカウントするための機能を TinyMCE エディターに追加します。 注: このプラグインは、ワークスペースではサポートされなくなりました。 |
| powerpaste | Microsoft Word、Microsoft Excel、Google Docs、および HTML ソースからのコンテンツを自動的にクリーンアップし、サイトのルックアンドフィールに一致するクリーンなコンテンツを作成します。 |
[表 : 1. TinyMCE HTML エディターでサポートされているプラグイン]

{#configuring-plugins-for-TinyMCE-HTML-editor__table_jv1_rrv_lbc}  
注:  
有効なプラグインにカスタムプラグインを追加すると、予期しない結果が生じる可能性があります。
**関連概念**   

* [ディクショナリ属性を使用した TinyMCE ツールバーの構成](https://servicenow-prod.fluidtopics.net/M0wpSG0iG9PKmBppc4Lukw#tinymce "ディクショナリ属性を設定することで、特定のテーブル用に TinyMCE HTML エディターを構成できます。")  
**関連タスク**   

* [HTML ツールバーの構成](https://servicenow-prod.fluidtopics.net/nmbRENrvC0_rAdHAMfQdUg "HTML ツールバーで使用できるボタンを構成します。")  
**関連資料**   

* [TinyMCE HTML エディターのシステムプロパティの構成](https://servicenow-prod.fluidtopics.net/bXtw4iXGZKS5JIGGjMD1hQ "HTML エディターのフィールドタイプの動作を構成するために使用される、複数のシステムプロパティがあります。TinyMCE リッチテキストエディターで利用可能なシステムプロパティについて説明します。")

## TinyMCE HTML エディターのプラグインを変更する {#ariaid-title2}

ワークスペースで TinyMCE プラグインを構成します。

### 始める前に

必要なロール：admin

### 手順

1. 移動先 すべてシステムプロパティUI プロパティ.
2. HTML フィールドのプラグイン構成 (TinyMCE v6.8.3) (glide.ui.html.editor.enabled_plugins) プロパティを更新して、プラグインを構成します。  
   セクションセパレーターを追加するには、垂直バー ("\|") を使用します。  
   {#change-the-tinymce-html-editor-plugins__table_crx_3rm_dcc__entry__2}

   | タイプ | プラグイン |
   |-|-|
   | デフォルトのプラグイン | accordion advlist align_listitems anchor autolink autoresize charmap codemirror codesample directionality emoticons fullscreen image insertdatetime link lists media nonbreaking pagebreak preview readonlynoborder searchreplace table tableofcontents visualblocks visualchars wordcount |
   | 有効なプラグイン | accordion advlist align_listitems anchor autolink charmap codemirror codesample directionality emoticons fullscreen image insertdatetime link lists media nonbreaking pagebreak preview readonlynoborder searchreplace table tableofcontents visualblocks visualchars wordcount |
   [表 : 2. TinyMCE HTML エディターのプラグイン]

   {#change-the-tinymce-html-editor-plugins__table_crx_3rm_dcc}
3. 有効なプラグインプロパティを変更 (追加/削除) します。
4. \[保存\] を選択します。  
   有効なプラグインへのカスタムプラグインの追加は、それが必要不可欠でない限り推奨されません。