LENKER Helfer - Rückgabe HTML-text nicht

Schrieb ich eine einfache Helfer für mein template. Hier ist der code:

Handlebars.registerHelper('splitQuote', function (string) {
    if (string.indexOf('|') !== -1) {
        return string.replace('|', '<span>') + '</span>';
    }
    return string;
});

Also habe ich eine Zeichenfolge übergeben, und teilen Sie die Zeichenfolge, die durch ' | ' - Zeichen. Ich will auch put zweite Teil in span-tags.

Problem ist, das Ergebnis, das zurückgegeben werden, ist reiner text, so bekomme ich die span-tags wie ein text, nicht HTML.

Weiß jemand, was ist der Haken?

Tnx

InformationsquelleAutor der Frage Adrian | 2013-11-20

  1. 35

    Sie haben, um die Zeichenfolge als html in Ihre Helfer, wenn Sie wollen, LENKER nicht zu entkommen. Verwenden LENKER.safeStringdies zu tun. Die unten sollten Ihren Bedürfnissen

    Handlebars.registerHelper('splitQuote', function(string) {
    if (string.indexOf('|') !== -1) {
        return new Handlebars.SafeString(string.replace('|', '<span>') + '</span>');
    }
    return string;
});

    Wie bereits erwähnt in den Kommentaren, sollten Sie wahrscheinlich die Flucht der übergebene string mit Handlebars.Utils.escapeExpression(string) zu Kodieren Sie die Zeichenfolge, bevor Sie Ihre benutzerdefinierte Formatierung. Ich würde empfehlen zu schreiben wie diese:

    Handlebars.registerHelper('splitQuote', function(string) {
    string = Handlebars.Utils.escapeExpression(string);
    if (string.indexOf('|') !== -1) {
        string = string.replace('|', '<span>') + '</span>';
    }
    return new Handlebars.SafeString(string); //mark as already escaped
});

    InformationsquelleAutor der Antwort megawac

  2. 18

    Brauchen Sie nicht zu verwenden SafeString. Verwenden Sie stattdessen die "triple Schnurrbart" aus LENKER:

    Vom LENKER-WebsiteHTML-Escaping Abschnitt:

    LENKER HTML-escapes Werte, die von einem {{Ausdruck}}. Wenn Sie nicht wollen, LENKER, zu entkommen, ein Wert, verwenden Sie die "triple-stash", {{{.

    So, eine einfache dreifach-Anführungszeichen in Ihre html-vermeiden der Flucht:

    {{{splitQuote}}}

    InformationsquelleAutor der Antwort Mendes

Schreibe einen Kommentar