javascript - 在 Blogger JSON-LD 模板中使用变量

Question

我指的是问题JSON-LD: Using data:post.body in Blogger template .

令人惊讶的是，<data:post.body>可以同时使用。但现在我有一个新问题:如何消除标签、换行符和特殊字符并替换像 ' 这样的字符和" ？

我发现了以下类似的东西，而不是直接编写JSON-LD代码，但它不起作用:

<script type='text/javascript'>
  var thisDdoesNotWork = removeHtmlTags_And_ChangeSomeCharacters("<data:post.body/>");
  var el = document.createElement('script');
  el.type = 'application/ld+json';
  el.text = JSON.stringify({
    "v1":"thisWorks",
    "v2":"<data:post.thisWorksToo/>",
    "v3":thisDdoesNotWork});
  document.querySelector('head').appendChild(el);

有人有想法吗？

Answer 1

首先通过以下方式在 HTML 中渲染内容

<div class='post-body'>
    <data:post.body/>
</div>

然后，按如下方式更改代码 -

el.text = JSON.stringify({
"v1":"thisWorks",
"v2":"<data:post.thisWorksToo/>",
"v3":document.querySelector('.post-body').textContent});

您还可以使用 innerText 属性(请参阅 this question 了解 innerText 和 textContent 之间的区别)