Merge pull request #2186 from ADecametre/main

Fix broken hyperlinks, images and custom CSS (#2182)

apps/artboard/src/pages/artboard.tsx

@@ -1,4 +1,3 @@
-import { sanitize } from "@reactive-resume/utils";
 import { useEffect, useMemo } from "react";
 import { Helmet } from "react-helmet-async";
 import { Outlet } from "react-router";
@@ -64,7 +63,7 @@ export const ArtboardPage = () => {
         <title>{name} | Reactive Resume</title>
         {metadata.css.visible && (
           <style id="custom-css" lang="css">
-            {sanitize(metadata.css.value)}
+            {metadata.css.value}
           </style>
         )}
       </Helmet>

libs/utils/src/namespaces/string.ts

@@ -63,6 +63,8 @@ export const sanitize = (html: string, options?: sanitizeHtml.IOptions) => {
     allowedAttributes: {
       ...options?.allowedAttributes,
       "*": ["class", "style"],
+      "a": ["href", "target"],
+      "img": ["src", "alt"],
     },
     allowedStyles: {
       ...options?.allowedStyles,