diff --git a/package-lock.json b/package-lock.json index d270f29..610e286 100644 --- a/package-lock.json +++ b/package-lock.json @@ -15055,6 +15055,21 @@ } } }, + "node-html-parser": { + "version": "1.2.20", + "resolved": "https://registry.npmjs.org/node-html-parser/-/node-html-parser-1.2.20.tgz", + "integrity": "sha512-1fUpYjAducDrrBSE0etRUV1tM+wSFTudmrslMXuk35wL/L29E7e1CLQn4CNzFLnqtYpmDlWhkD6VUloyHA0dwA==", + "requires": { + "he": "1.1.1" + }, + "dependencies": { + "he": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/he/-/he-1.1.1.tgz", + "integrity": "sha1-k0EP0hsAlzUVH4howvJx80J+I/0=" + } + } + }, "node-libs-browser": { "version": "2.2.1", "resolved": "https://registry.npmjs.org/node-libs-browser/-/node-libs-browser-2.2.1.tgz", diff --git a/package.json b/package.json index 7374890..9b4f7a1 100644 --- a/package.json +++ b/package.json @@ -45,6 +45,7 @@ "gatsby-transformer-sharp": "^2.5.10", "gitalk": "^1.6.2", "netlify-cms-app": "^2.12.16", + "node-html-parser": "^1.2.20", "node-sass": "^4.14.1", "preact": "^10.4.6", "preact-render-to-string": "^5.1.10", diff --git a/src/templates/article.amp.js b/src/templates/article.amp.js index a17c37b..b3b6b83 100644 --- a/src/templates/article.amp.js +++ b/src/templates/article.amp.js @@ -1,4 +1,5 @@ import React from "react" +import { parse } from 'node-html-parser' import { Main } from "../ui/ui" import { Grid, Row, Col } from "react-flexbox-grid" import SEO from "../components/SEO/SEO" @@ -15,6 +16,13 @@ const articleTemplateAmp = ({ }, }, }) => { + + // gatsbyImage to default image + const parsedHTML = parse(html, { pre: true }) + const pictures = [...parsedHTML.querySelectorAll('.gatsby-resp-image-link')] + + pictures.forEach(picture => picture.parentNode.parentNode.set_content(`${picture.querySelector('.gatsby-resp-image-image').getAttribute('alt')}`)) + return ( <> -
+