【问题标题】:javascript string break meta tag in express handlebars快速车把中的javascript字符串中断元标记
【发布时间】:2017-05-16 03:55:14
【问题描述】:

iam 使用带有把手的 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);

这是我的车把

    <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 属性传递给我的模板。该值已成功传递给模板,但是当我在浏览器中看到它时它会破坏我的元标记,因此它会像这样显示。

如何解决这个问题:(

【问题讨论】:

    标签: javascript string express handlebars.js


    【解决方案1】:

    您需要将内容用引号括起来(")

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

    已加入HTML 4.0 specification

    使用双引号(ASCII 十进制 34)或单引号(ASCII 十进制 39)分隔所有属性值。当值由双引号分隔时,可以在属性值中包含单引号,反之亦然。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2022-01-07
      • 1970-01-01
      • 2018-06-07
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2020-01-16
      • 1970-01-01
      相关资源
      最近更新 更多