Markdown/html 无法从 Netlify CMS 生成的 frontmatter 中正确解析 110
Markdown/html not parsing correctly in eleventy from frontmatter generated by Netlify CMS
我已经困在这个问题上很长时间了。我有两个未正确显示的输入,一个降价小部件和列表小部件。它们都显示为一长串。我想我至少需要为前者添加一个 markdown 解析器,所以我使用 markdown-it 的方式与此类似:
https://github.com/11ty/eleventy/issues/236
它正在添加分段符,但它们在页面上显示为 p 标记。我认为这是因为我已经在 p 标签之间嵌套了已解析的文本,但如果我删除那些,则根本不会显示任何内容。当我查看 eleventy 创建的 html 文件时,标签显示为“
;” (没有空格)在尝试解释 html 时,浏览器似乎没有正确读取。如果重要的话,我正在使用 nunjucks 进行模板化。我的 .eleventy.js 文件目前看起来像这样。我错过了什么?此外,降价过滤器似乎只想获取一个字符串,所以我不确定从哪里开始列表。
默认情况下,Nunjucks HTML-escapes 输出模板时的所有变量。大多数时候这是您想要的,除非您尝试呈现 HTML 输入。
您可能想尝试在 markdownify 过滤器之后使用 safe
filter。
{{ markdownContent | markdownify | safe }}
我已经困在这个问题上很长时间了。我有两个未正确显示的输入,一个降价小部件和列表小部件。它们都显示为一长串。我想我至少需要为前者添加一个 markdown 解析器,所以我使用 markdown-it 的方式与此类似:
https://github.com/11ty/eleventy/issues/236
它正在添加分段符,但它们在页面上显示为 p 标记。我认为这是因为我已经在 p 标签之间嵌套了已解析的文本,但如果我删除那些,则根本不会显示任何内容。当我查看 eleventy 创建的 html 文件时,标签显示为“
;” (没有空格)在尝试解释 html 时,浏览器似乎没有正确读取。如果重要的话,我正在使用 nunjucks 进行模板化。我的 .eleventy.js 文件目前看起来像这样。我错过了什么?此外,降价过滤器似乎只想获取一个字符串,所以我不确定从哪里开始列表。
默认情况下,Nunjucks HTML-escapes 输出模板时的所有变量。大多数时候这是您想要的,除非您尝试呈现 HTML 输入。
您可能想尝试在 markdownify 过滤器之后使用 safe
filter。
{{ markdownContent | markdownify | safe }}