on master help sign in
various: decode html entities
commit6444ac88f8d3feca7a0724aac4fbf27938b2d65d authorMatilde Park <matilde.park@gmail.com> dateThu 1 Jul 2021, 17:43 (5 years ago) parenta321532
6 files changed+20−5
package-lock.json+5 package.json+1 pages/blog/[slug].js+4−1 pages/docs/[[...slug]].js+4−2 pages/events/[slug].js+2−1 pages/grants/[slug].js+4−1
package-lock.json+5
@@ -3250,6 +3250,11 @@
32503250 "whatwg-encoding": "^1.0.5"
32513251 }
32523252 },
3253+ "html-entities": {
3254+ "version": "2.3.2",
3255+ "resolved": "https://registry.npmjs.org/html-entities/-/html-entities-2.3.2.tgz",
3256+ "integrity": "sha512-c3Ab/url5ksaT0WyleslpBEthOzWhrjQbg75y7XUsfSzi3Dgzt0l8w5e7DylRn15MTlMMD58dTfzddNS2kcAjQ=="
3257+ },
32533258 "html-tags": {
32543259 "version": "3.1.0",
32553260 "resolved": "https://registry.npmjs.org/html-tags/-/html-tags-3.1.0.tgz",
package.json+1
@@ -15,6 +15,7 @@
1515 "classnames": "^2.3.1",
1616 "fuzzy-search": "^3.2.1",
1717 "gray-matter": "^4.0.3",
18+ "html-entities": "^2.3.2",
1819 "next": "10.2.3",
1920 "react": "17.0.2",
2021 "react-dom": "17.0.2",
pages/blog/[slug].js+4−1
@@ -19,6 +19,7 @@ import NewsletterSignup from "../../components/NewletterSignup";
1919import PostPreview from "../../components/PostPreview";
2020import { name, contact } from "../../lib/constants";
2121import markdownStyles from "../../styles/markdown.module.css";
22+import { decode } from "html-entities";
2223
2324export default function Post({
2425 post,
@@ -48,7 +49,9 @@ export default function Post({
4849 </div>
4950 </section>
5051 <div className={"layout-wide " + markdownStyles["markdown"]}>
51− <article dangerouslySetInnerHTML={{ __html: markdown }}></article>
52+ <article
53+ dangerouslySetInnerHTML={{ __html: decode(markdown) }}
54+ ></article>
5255 </div>
5356 <section className="layout-narrow">
5457 <div className="measure">
pages/docs/[[...slug]].js+4−2
@@ -9,6 +9,7 @@ import Markdown from "../../components/Markdown";
99import ContentArea from "../../components/ContentArea";
1010import Sidebar from "../../components/Sidebar";
1111import markdownStyles from "../../styles/markdown.module.css";
12+import { decode } from "html-entities";
1213
1314const breadcrumbs = (posts, paths) => {
1415 const results = [
@@ -98,7 +99,6 @@ const pageTree = (thisLink, tree, level = 0) => {
9899export default function DocsLayout({
99100 posts,
100101 data,
101− content,
102102 params,
103103 toggleSearch,
104104 markdown,
@@ -116,7 +116,9 @@ export default function DocsLayout({
116116 toggleSearch={() => toggleSearch(true)}
117117 >
118118 <div className={markdownStyles["markdown"]}>
119− <article dangerouslySetInnerHTML={{ __html: markdown }}></article>
119+ <article
120+ dangerouslySetInnerHTML={{ __html: decode(markdown) }}
121+ ></article>
120122 </div>
121123 </ContentArea>
122124 </div>
pages/events/[slug].js+2−1
@@ -19,6 +19,7 @@ import NewsletterSignup from "../../components/NewletterSignup";
1919import PostPreview from "../../components/PostPreview";
2020import { name, contact } from "../../lib/constants";
2121import markdownStyles from "../../styles/markdown.module.css";
22+import { decode } from "html-entities";
2223
2324export default function Event({
2425 post,
@@ -63,7 +64,7 @@ export default function Event({
6364 <div className={"layout-wide " + markdownStyles["markdown"]}>
6465 <article
6566 className="flex flex-col items-center pt-12 w-full"
66− dangerouslySetInnerHTML={{ __html: markdown }}
67+ dangerouslySetInnerHTML={{ __html: decode(markdown) }}
6768 ></article>
6869 </div>
6970 <section className="layout-narrow pt-24">
pages/grants/[slug].js+4−1
@@ -19,6 +19,7 @@ import NewsletterSignup from "../../components/NewletterSignup";
1919import PostPreview from "../../components/PostPreview";
2020import { name, contact } from "../../lib/constants";
2121import markdownStyles from "../../styles/markdown.module.css";
22+import { decode } from "html-entities";
2223
2324export default function Grant({ post, nextPost, markdown, previousPost }) {
2425 const router = useRouter();
@@ -43,7 +44,9 @@ export default function Grant({ post, nextPost, markdown, previousPost }) {
4344 </div>
4445 </section>
4546 <div className={"layout-wide " + markdownStyles["markdown"]}>
46− <article dangerouslySetInnerHTML={{ __html: markdown }}></article>
47+ <article
48+ dangerouslySetInnerHTML={{ __html: decode(markdown) }}
49+ ></article>
4750 </div>
4851 <section className="layout-narrow">
4952 <div className="measure">