javascript字符串打破快速 Handlebars 中的元标记

Question

iam 使用带有 Handlebars 的 Express 作为模板引擎来动态渲染元标记。这是我的脚本

var express = require("express");
var prerender = require("prerender-node");
var app = module.exports = express();
var handlebars = require("express-handlebars");

app.engine("handlebars", handlebars({defaultLayout: "main"}));
app.set("view engine", "handlebars");

app.use(prerender.set("prerenderToken", "qi2e5B985PptQE8aF0dt"));
app.use(express.static("./"));
app.get("/", function (req, res) {
    // res.sendFile("./index.html");
    res.render("home", {
        title: "PLUNQ",
        metaKeyword: "temukan dan ciptakan perjalananmu sendiri, create trip, create diary, follow trip, hidden places, aplikasi untuk traveller",
        metaDescription: "Temukan dan ciptakan perjalananmu disini, Situs yang menyediakan rujukan tempat menarik, event, penginapan serta produk lokal",
        ogTitle: "Plunq | Temukan dan ciptakan perjalananmu disini",
        ogUrl: "https://plunq.id/",
        ogDescription: "Temukan dan ciptakan perjalananmu disini, Situs yang menyediakan rujukan tempat menarik, event, penginapan serta produk lokal",
        ogImage: "https://plunq.id/images/og-image.jpg",
    });
});

app.listen(1234);

这是我的 Handlebars

    <title>{{title}}</title>
    <meta name="keywords" content={{metaKeyword}}>
    <meta name="description" content={{metaDescription}}>
    <!-- og meta start here -->
    <link rel="canonical" href={{ogUrl}}/>
    <meta property="og:title" content={{ogTitle}}/>
    <meta property="og:url" content={{ogUrl}}/>
    <meta property="og:type" content="website"/>
    <meta property="og:description" content={{ogDescription}}/>
    <meta property="og:image" content={{ogImage}}/>
    <meta property="fb:app_id" content="921046191363161"/>

我要将 og 和 meta 属性传递给我的模板。该值已成功传递给模板，但当我在浏览器中看到时，它会破坏我的元标记，因此它将像这样显示。

如何解决这个问题:(

Answer 1

您需要将内容括在引号中(")

<meta name="keywords" content="{{metaKeyword}}">

它已成为 HTML 4.0 specification 的一部分

all attribute values be delimited using either double quotation marks (ASCII decimal 34) or single quotation marks (ASCII decimal 39). Single quote marks can be included within the attribute value when the value is delimited by double quote marks, and vice versa.