summaryrefslogtreecommitdiff
path: root/examples/snowpack/src/components/ContentfulRichText.jsx
diff options
context:
space:
mode:
authorGravatar Nate Moore <natemoo-re@users.noreply.github.com> 2021-04-26 16:54:20 -0500
committerGravatar GitHub <noreply@github.com> 2021-04-26 15:54:20 -0600
commitdea1a6dfc9dec54034d2b872b4cd36c0174814c6 (patch)
tree49569a511201b4defc23b6654b475e458452596a /examples/snowpack/src/components/ContentfulRichText.jsx
parent0ea4a986e207238bf0ac1db841b2a5d5b567d84d (diff)
downloadastro-dea1a6dfc9dec54034d2b872b4cd36c0174814c6.tar.gz
astro-dea1a6dfc9dec54034d2b872b4cd36c0174814c6.tar.zst
astro-dea1a6dfc9dec54034d2b872b4cd36c0174814c6.zip
Update defaults directory structure to `src` and `dist` (#132)
* chore: update defaults in docs * chore: update config defaults * test: update tests to config defaults * chore: update gitignore to new defaults * docs: update readme to new defaults * chore: update examples to new defaults * chore: update default exclude in lang server * chore: update tests * test: fix failing tests * chore: update www defaults
Diffstat (limited to 'examples/snowpack/src/components/ContentfulRichText.jsx')
-rw-r--r--examples/snowpack/src/components/ContentfulRichText.jsx22
1 files changed, 22 insertions, 0 deletions
diff --git a/examples/snowpack/src/components/ContentfulRichText.jsx b/examples/snowpack/src/components/ContentfulRichText.jsx
new file mode 100644
index 000000000..1f4528f6b
--- /dev/null
+++ b/examples/snowpack/src/components/ContentfulRichText.jsx
@@ -0,0 +1,22 @@
+import { BLOCKS, MARKS } from '@contentful/rich-text-types';
+import { documentToHtmlString } from '@contentful/rich-text-html-renderer';
+
+const options = {
+ renderMark: {
+ [MARKS.BOLD]: (text) => `<custom-bold>${text}<custom-bold>`,
+ },
+ renderNode: {
+ [BLOCKS.PARAGRAPH]: (node, next) =>
+ `<custom-paragraph>${next(node.content)}</custom-paragraph>`,
+ },
+};
+
+export function RichTextDocument({ document }) {
+ return (
+ <div
+ dangerouslySetInnerHTML={{
+ html: documentToHtmlString(document, options),
+ }}
+ />
+ );
+}