# Editor Integration

The plugin adds a menu button to the default TinyMCE editor that allows a convenient way to add the `[chordpress]` or `[chordpress-chord]` shortcode.

<figure><img src="https://92184946-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUerleWhYjFhyq0lPCj1A%2Fuploads%2FHQyQhI7E18m70BcKRNTQ%2Fchordpress-editor-integration.png?alt=media&#x26;token=597f4e93-048b-4cc5-a891-26bae87cdea8" alt=""><figcaption></figcaption></figure>

## Empty Tag

You can use it anywhere in your editor to add a shortcut with the default parameters. Paste your ChordPro code in between the tags after that:

<figure><img src="https://92184946-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUerleWhYjFhyq0lPCj1A%2Fuploads%2FPSpYSR9s5W1oicpxzDVP%2Fchordpress-editor-integration-2.png?alt=media&#x26;token=19a46bcf-1349-4c00-a40d-cb7eda7d307a" alt=""><figcaption></figcaption></figure>

## Selection Tag

You can also select your ChordPro text first and then click the menu entry. Your selected text will then automatically put inside the tags:

<figure><img src="https://92184946-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUerleWhYjFhyq0lPCj1A%2Fuploads%2FdDFQJhjTfGkBcp2yIqyk%2Fchordpress-editor-integration-3.png?alt=media&#x26;token=1c85a650-0438-4352-a833-0e75eb0fb1fa" alt=""><figcaption></figcaption></figure>

Result:

<figure><img src="https://92184946-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUerleWhYjFhyq0lPCj1A%2Fuploads%2F4vysSIPPSAfp9b8hkabS%2Fchordpress-editor-integration-4.png?alt=media&#x26;token=22791cbb-4f72-48f9-a742-a241c7024340" alt=""><figcaption></figcaption></figure>
