Configuring plugins for the TinyMCE HTML editor
The TinyMCE HTML editor is a powerful, flexible, and customizable rich text editor. You can configure and extend the editor by using plugins.
| Plugin name | Description |
|---|---|
| a11ychecker | Allows you to check the HTML in the editor for various WCAG & Section 508 accessibility problems. It has an auto-repair feature that lets the user fix identified problems. |
| accordion | Enables the creation of sections in a document that can be expanded or collapsed to show or hide additional content. |
| advlist | Extends the core bullist and numlist toolbar controls by adding additional CSS list-style-type styled number formats and bullet types to the controls. |
| align_listitems | Confirms that bullets and numbers are aligned along with the content. |
| anchor | Adds an anchor/bookmark button to the toolbar that inserts an anchor at the editor’s cursor insertion point. It also adds the menu item anchor under the Insert menu. |
| autolink | Creates hyperlinks automatically when you enter a valid, complete URL. For example, www.example.com is converted to http://www.example.com. |
| autoresize | Resizes the editor to the content inside it automatically. It's typically used to help prevent the editor from expanding infinitely as you enter text into the editable area. |
| charmap | Adds a dialog to the editor with a map of special unicode characters, which can't be added directly from the keyboard. |
| codemirror | Provides a more advanced code editor than the default text area. |
| codesample | Insert and embed syntax color highlighted code snippets into the editable area. It also adds a button to the toolbar that opens a dialog box to accept raw code input. |
| directionality | Adds directionality controls to the toolbar, enabling TinyMCE to better handle languages written from right to left. It also adds a toolbar button for each of its values, ltr for left-to-right text and rtl for right-to-left text. |
| editimage | Adds editing capabilities for images within the TinyMCE editable area. |
| emoticons | Adds a dialog to the editor that lets you insert emoji into the TinyMCE editable area. |
| formatpainter | Enables copying and applying formatting- including font style, size, and table styles- between locations within the TinyMCE editable area, supporting various formats like inline and block styles. |
| fullscreen | Adds full screen editing capabilities to TinyMCE. When you press the toolbar button, the editable area fills the viewport of the browser. |
| help | Allows users to check the handy shortcuts, keyboard navigation for accessibility and TinyMCE. |
| image | Enables you to insert an image into the TinyMCE editable area. |
| insertdatetime | Provides a toolbar control and menu item that lets you insert the current date and time into the editable area at the cursor insertion point. |
| link | Enables you to link external resources, such as website URLs, to selected text in their document. |
| lists | Enables you to add numbered and bulleted lists to TinyMCE. To enable advanced lists, such as alpha numbered lists and square bullets, you should also enable the Advanced List (advlist) plugin. |
| media | Lets you add HTML5 video and audio elements to the editable area. |
| nonbreaking | Adds a button for inserting nonbreaking space entities such as at the cursor insert point. It also adds a menu item Nonbreaking space under the Insert menu drop-down list and a toolbar button. |
| pagebreak | Adds page break support and enables you to insert page breaks in the editable area. This ability is useful where a CMS uses a special separator to break content into pages. |
| preview | Adds a preview button to the toolbar that opens a dialog box showing the current content in a preview mode. |
| readonlynoborder | Enables a read-only mode for HTML field types. |
| searchreplace | Adds search and replace dialogs to TinyMCE. |
| table | Adds table management functionality to TinyMCE , including dialogs, context menus, context toolbars, menu items, and toolbar buttons. |
| tableofcontents | Generates a basic table of contents (ToC) and inserts it into the editor at the cursor insert point. ToC entries are generated from header elements in the content. |
| visualblocks | Enables you to see block-level elements in the editable area. |
| visualchars | Adds the ability to see invisible characters like in the editable area. |
| wordcount |
Adds the functionality for counting words to the TinyMCE editor. Remarque :
This plugin is no longer supported in workspaces. |
| powerpaste | Cleans up content from Microsoft Word, Microsoft Excel, Google Docs, and HTML sources automatically to create clean content that matches the look and feel of the site. |
Remarque :
Adding a custom plugin to the valid plugins can cause unexpected results.
Change the TinyMCE HTML editor plugins
Configure the TinyMCE plugins in our workspaces.
Avant de commencer
Role required: admin