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 編集可能領域に絵文字を挿入するためのダイアログをエディターに追加します。 |
| 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