Entry URIs starting with a hash shouldn't include the URL

[chrisrowe]

While it's possible to save sections with Entry URIs as #{slug}, when using entry.url, they resolve using the full URL at root, e.g., mysite.com/#my-entry. So, when on a child page, mysite.com/blog/my-first-post, the URL points to the homepage, not the current page.

My use case here is a Popups/Modals section from which I'd like content editors to be able to select entries in Link fields, CKEditor fields, or Verbb Navigation nodes. I've set URIs as #[popup]{slug}, and then I'm watching for hashchange and opening the popups.

const popupMatch = hash.match(/^#\[popup\](.+)$/);
if (popupMatch) {
  const slug = popupMatch[1];
  if (slug) {
    this.openPopup(slug);
  }
}

I'm aware these should ideally be button elements, but unless there's an alternative best practice, I'm okay with this compromise.

[brandonkelly]

You can fetch just the URI stored based on your Entry URI Format using entry.uri. Does that work for you?

[chrisrowe]

That works great when I have full control of the output but for CKEditor fields the links are parsed for me, I could write a custom filter / module against it I guess just wondering if there was another way.

[brandonkelly]

Ah, gotcha.

You could override Craft’s default behavior using the EVENT_BEFORE_DEFINE_URL event from a custom module:

use craft\base\Element;
use craft\base\Event;
use craft\elements\Entry;
use craft\events\DefineUrlEvent;

Event::on(Entry::class, Element::EVENT_BEFORE_DEFINE_URL, function(DefineUrlEvent $event) {
    /** @var Entry $entry */
    $entry = $event->sender;

    if (str_starts_with($entry->uri, '#')) {
        $event->url = $entry->uri;
    }
});

[chrisrowe]

This is great thank you