Anchor plugin
This plugin 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.
When a user clicks on the anchor button or menu item they will be prompted via a dialog box to enter a string. The string will be inserted into the HTML as an anchor id at the location of the cursor. For example, a user places their cursor at the beginning of "Hello World" and clicks on the anchor button and enters "start" in the dialog box. The resulting HTML will take the form of <p><a id="start"></a>Hello, World!</p>
.
Basic setup
tinymce.init({
selector: 'textarea', // change this value according to your HTML
plugins: 'anchor',
toolbar: 'anchor',
});
Options
Toolbar buttons
The Anchor plugin provides the following toolbar buttons:
Toolbar button identifier | Description |
---|---|
|
Creates/Edits anchor elements. |
These toolbar buttons can be added to the editor using:
-
The
toolbar
configuration option. -
The
quickbars_insert_toolbar
configuration option.
Menu items
The Anchor plugin provides the following menu items:
Menu item identifier | Default Menu Location | Description |
---|---|---|
|
Insert |
Inserts an anchor into the editor. |
These menu items can be added to the editor using:
-
The
menu
configuration option. -
The
contextmenu
configuration option.