For sure any Sitecore developer has been (or will) looking at a situation similar to this:
or worse, with the ‘Droplist’ field where we don’t see any tree structure:
and thinking - “where the hell these topics are located and how to edit them?!”.
In order to figure it out we need to go to the template and look at the field’s source (and there we find out that it is base template’s field) or switch the ‘Raw values’ on and try to detect item by ID (and it’s exceptionally challenging with the Droplist field).
At some point I came to the idea that we really need simple way to navigate to a target item of reference fields (or referenced item? Haven’t decided yet - sorry for inconsistency in terms). The idea is very simple and straightforward - add a navigation link next to the field and open appropriate item in content editor on click. Implementation
ContentEditor GoToTargetItem.js on GitHub
Second, thing is a controller to handle the AJAX call and to provide target ID to the front-end:
FieldDataController.cs on GitHub
InjectScript.cs on GitHub
and finally, a config file to run it:
Sitecore.UxExtensions.GotoReference.config on GitHub
For your convenience here's the package link: Complete package of Sitecore UxExtensions GotoReference.zip
Please let me know if you find it useful and feel free to contribute!