How to add Custom Fonts in Multiple Pages ??? #6146

RakulAgn · 2024-09-12T15:45:42Z

RakulAgn
Sep 12, 2024

I am trying to retrieve the <head> component from all pages and find the tags. The goal is to remove any existing <link> tags that are not in my list, and add the ones that are missing. The issue I'm facing is that, even though the links are present in the <head>, when I try to fetch them, the result is empty. What could be causing this, and what are possible solutions?

editor.Pages.getAll().forEach((page) => {
        const head = page.getMainComponent().head;
        const getAllLinks = head.findType("link");

        const existingLinkTags = getAllLinks || [];
        const existingFontLinks = existingLinkTags.map(
          (linkTag) => linkTag.getAttributes()["href"]
        );
        const linkList: string[] = [];
        const userFontLinks: string[] = [];

        generateIndividualGoogleFontLinks(config.userFontList).forEach(
          (font) => {
            const fontLink = `<link href="${font.link}" rel="stylesheet" />`;
            userFontLinks.push(font.link);

            if (!existingFontLinks.includes(font.link)) {
              linkList.push(fontLink);
            }
          }
        );
        if (head) {
          existingLinkTags.forEach((linkTag) => {
            const href = linkTag.getAttributes()["href"];
            if (!userFontLinks.includes(href)) {
              linkTag.remove();
            }
          });

          linkList.forEach((link) => {
            head.append(link);
          });
        }
      });

RakulAgn · 2024-09-12T15:45:55Z

RakulAgn
Sep 12, 2024
Author

@artf @lexoyo @danstarns

0 replies

lexoyo · 2024-09-13T07:03:22Z

lexoyo
Sep 13, 2024

Hi @RakulAgn

page.getMainComponent().head doesn't mean anything because page.getMainComponent() is not the HTML document but the body

GrapesJs doesn't handle the whole document (yet?) but only the body

0 replies

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

How to add Custom Fonts in Multiple Pages ??? #6146

{{title}}

Replies: 2 comments

{{title}}

{{editor}}'s edit

{{editor}}'s edit

{{title}}

Select a reply

How to add Custom Fonts in Multiple Pages ??? #6146

RakulAgn Sep 12, 2024

Replies: 2 comments

RakulAgn Sep 12, 2024 Author

lexoyo Sep 13, 2024

RakulAgn
Sep 12, 2024

RakulAgn
Sep 12, 2024
Author

lexoyo
Sep 13, 2024