TinyMCE HTML エディターのプラグインの構成
TinyMCE HTML エディターは強力で柔軟性があり、カスタマイズ可能なリッチテキストエディターです。プラグインを使用してエディターを構成して拡張できます。
| プラグイン名 | 説明 |
|---|---|
| a11ychecker | エディターで HTML をチェックして、WCAG や Section 508 のアクセシビリティに関するさまざまな問題を調べることができます。ユーザーが特定された問題を修正できる自動修復機能があります。 |
| メニュー | 追加のコンテンツを展開して表示したり、折りたたんで非表示にしたりできるセクションを、ドキュメント内に作成できるようになります。 |
| 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」と、それぞれの値に対応したツールバーボタンが追加されます。 |
| 画像を編集 | TinyMCE編集可能領域内の画像の編集機能を追加します。 |
| emoticons | 編集可能な TinyMCE 領域に絵文字を挿入できるダイアログをエディターに追加します。 |
| formatpainter | TinyMCE編集可能領域内の場所間で書式設定 (フォントスタイル、サイズ、テーブルスタイルなど) をコピーして適用できるようにし、インラインスタイルやブロックスタイルなどのさまざまな形式をサポートします。 |
| fullscreen | TinyMCEに全画面編集機能を追加します。ツールバーボタンを押すと、編集可能領域がブラウザのビューポート全体に広がります。 |
| ヘルプ | ユーザーが便利なショートカット、アクセシビリティのキーボードナビゲーション、 TinyMCEを確認できるようにします。 |
| イメージ | TinyMCE編集可能領域に画像を挿入できます。 |
| insertdatetime | 編集可能領域のカーソル挿入ポイントに現在の日付と時刻を挿入できるようにする、ツールバーコントロールとメニュー項目を提供します。 |
| リンク | Web サイトの URL などの外部リソースを、ドキュメント内の選択したテキストにリンクできるようにします。 |
| リスト | 番号付きリストと箇条書きリストを TinyMCEに追加できます。英数字付きリストや四角い箇条書き記号などの高度なリストを有効にするには、Advanced List (advlist) プラグインも有効にする必要があります。 |
| メディア | HTML5 ビデオおよびオーディオ要素を編集可能領域に追加できます。 |
| nonbreaking | カーソル挿入ポイントに、「 」などのノーブレークスペースエンティティを挿入するためのボタンを追加します。また、[ノーブレークスペース (Nonbreaking space)] メニュー項目が [挿入] メニューのドロップダウンリストとツールバーボタンに追加されます。 |
| pagebreak | 改ページのサポートを追加し、編集可能領域に改ページを挿入できるようにします。この機能は、CMS が特殊なセパレーターを使用してコンテンツをページに分割する場合に便利です。 |
| プレビュー | 現在のコンテンツをプレビューモードで表示するダイアログボックスを開くプレビューボタンを、ツールバーに追加します。 |
| readonlynoborder | HTML フィールドタイプの読み取り専用モードを有効にします。 |
| searchreplace | 検索ダイアログと置換ダイアログを TinyMCEに追加します。 |
| table | ダイアログ、コンテキストメニュー、コンテキストツールバー、メニューアイテム、ツールバーボタンなどのテーブル管理機能を TinyMCE に追加します。 |
| tableofcontents | 基本的な目次 (ToC) を作成し、エディターのカーソル挿入ポイントに挿入します。目次エントリは、コンテンツ内のヘッダー要素から生成されます。 |
| visualblocks | 編集可能領域内の ブロックレベルの要素を表示できるようにします。 |
| visualchars | 編集可能領域で「 」などの非表示文字を表示する機能を追加します。 |
| wordcount |
単語をカウントする機能を TinyMCE エディターに追加します。 注:
このプラグインは、ワークスペースではサポートされなくなりました。 |
| powerpaste | Microsoft Word、Microsoft Excel、Google のドキュメントと HTML ソースのコンテンツを自動的にクリーンアップし、サイトのルックアンドフィールに一致するクリーンなコンテンツを作成します。 |
注:
有効なプラグインにカスタムプラグインを追加すると、予期しない結果が生じる可能性があります。
TinyMCE HTML エディターのプラグインを変更する
ワークスペースで TinyMCE プラグインを構成します。
始める前に
必要なロール：admin