Link processor does not turn absolute links into relative

kasper · 20 April 2021 08:18

Hi,

On the site https://arctic-bioscience.com/, I have absolute links in the content here:

If you hover over them, you can see that it shows the right domain for the link, but it reloads the page if you click it. And in localhost, I have now noticed that the links are not relative. Every other link on the homepage is relative because I have entered them as relative in the Gutenberg editor. But according to the documentation, the processor should turn absolute links into relative.

The GitHub repo:

Is it a bug with the processor, or am I doing something wrong?

kasper · 30 April 2021 06:54

Hi,

Has anyone been able to look at this?

juanma · 4 May 2021 10:04

Hi @kasper ,

The link processor it’s properly working is some other sites like in https://twentytwenty.frontity.org/

I would recommend you to debug this a little bit more. You can apply a custom version of the following code

github.com

frontity/frontity/blob/dev/packages/html2react/processors/link.tsx

import Link from "@frontity/components/link";
import { LinkProps } from "@frontity/components/link/types";

import { Processor, Element } from "../types";

/**
 * Types for Html2React Processor {@link links}.
 */
interface LinkElement extends Element {
  /**
   * The Props the React Component {@link Link} supports.
   */
  props: Element["props"] & LinkProps;
}

/**
 * A link processor that replaces all anchor tags with the {@link Link} component.
 *
 * The allows internal links within content to work with frontity's internal router.
 */

This file has been truncated. show original

With some debugger, breakpoints or console.log included so you can check what’s going on with your specific HTML being parsed

This video may help you to learn more about how to debug a Frontity project

Hope this helps