PHPackages                             matfish/craft-ref-tags-ui - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Utility & Helpers](/categories/utility)
4. /
5. matfish/craft-ref-tags-ui

ActiveCraft-plugin[Utility & Helpers](/categories/utility)

matfish/craft-ref-tags-ui
=========================

Generate Reference Tags directly from the Element Editor

1.0.1(3y ago)23MITPHP

Since Jun 17Pushed 3y ago1 watchersCompare

[ Source](https://github.com/matfish2/craft-ref-tags-ui)[ Packagist](https://packagist.org/packages/matfish/craft-ref-tags-ui)[ RSS](/packages/matfish-craft-ref-tags-ui/feed)WikiDiscussions master Synced 1mo ago

READMEChangelog (4)Dependencies (1)Versions (7)Used By (0)

Craft Reference Tags UI
-----------------------

[](#craft-reference-tags-ui)

This package provides an advanced UI component that allows the user to generate [Reference Tags](https://craftcms.com/docs/4.x/reference-tags.html) directly from the element editor.

### Requirements

[](#requirements)

This plugin requires Craft CMS 4.x or later.

### Installation

[](#installation)

1. Include the package:

```
composer require matfish/craft-ref-tags-ui

```

2. Install the plugin:

```
php craft plugin/install ref-tags-ui

```

### Usage

[](#usage)

On any Element editor page (Entry, Asset, Category, Tag) click `Ctrl+Alt+R` to trigger the modal:

[![](https://user-images.githubusercontent.com/1510460/174532283-945ebd5c-7aaa-4c1f-ac68-d61cea1fd43d.png)](https://user-images.githubusercontent.com/1510460/174532283-945ebd5c-7aaa-4c1f-ac68-d61cea1fd43d.png)

By Default the modal will load Global Sets, as this is the most common use case.

Once all required fields have been filled in, the Reference Tag will be displayed at the bottom. Clicking on it will copy the tag to the clipboard and close the modal.

Now you can simply paste the tag in every text field on your page.

Remember that when rendering the field on the Front end you will need to use the `parseRefs` filter:

```
{{ entry.myField | parseRefs }}
```

#### Changing the default trigger

[](#changing-the-default-trigger)

Create a `config/ref-tags-ui.php` file:

```