• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Wyprowadzanie wartości zmiennej z kodem html jako text/html

Object Storage Arubacloud
+1 głos
140 wizyt
pytanie zadane 27 marca w Inne języki przez Piotrek2713 Mądrala (5,340 p.)

Tworzę szasblon headera strony www w obiekcie

const templates = {
    title: 'Codek - Programming Blog',
    header: `<div class="brand-wrapper">
    <h1 class="brand"><a href="" class="brand-link">CODEK.PL</a></h1>
    <h2>Programming Blog</h2>
</div>
<nav class="main-menu">
    <ul>
        <li class="nav-item"><a href="" class="nav-link">Blog</a></li>
        <li class="nav-item"><a href="#" class="nav-link">Memes</a></li>
        <li class="nav-item"><a href="#" class="nav-link">Q&A</a></li>
        <li class="nav-item"><a href="#" class="nav-link">Contact</a></li>
        <li class="nav-item"><a href="#" class="nav-link">About</a></li>
    </ul>
</nav>`
}

i renderuję do pliku index.hbs

const express = require('express');
const path = require('path');
const templates = require('./templates');
const app = express();

app.set('view engine', 'hbs');
app.use(express.static('public'))
app.get('', (req,res) => {
    res.render('index.hbs', templates);
})

app.listen(3030);
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{{title}}</title>
    <link rel="stylesheet" href="../style.css" type="text/css">
</head>
<body>
    <header class="header">
        {{header}}
    </header>
</body>
</html>

Problem polega na tym, że

mam zwłykły tekst zamiast html, a nie wiem jak to przekonwertować na html

1 odpowiedź

+1 głos
odpowiedź 27 marca przez VBService Ekspert (252,520 p.)
wybrane 27 marca przez Piotrek2713
 
Najlepsza

Użyj {{{header}}} zamiast {{header}}. Potrójne nawiasy klamrowe {{{ }}} służą do renderowania nieprzetworzonego kodu HTML, pozwalając na wstrzykiwanie kodu HTML w zmiennych bez jego escape-owania.

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{{title}}</title>
    <link rel="stylesheet" href="../style.css">
  </head>
  <body>
    <header class="header">
      {{{header}}}
    </header>
  </body>
</html>

 

 

What is the difference between double curly braces and triple curly braces ]

1
komentarz 27 marca przez Piotrek2713 Mądrala (5,340 p.)
Dzięki wielkie

Podobne pytania

0 głosów
1 odpowiedź 515 wizyt
pytanie zadane 11 września 2017 w C i C++ przez B0nkers Początkujący (310 p.)
0 głosów
3 odpowiedzi 354 wizyt
pytanie zadane 1 lutego 2017 w C i C++ przez tomek2323 Bywalec (2,050 p.)
0 głosów
2 odpowiedzi 1,087 wizyt
pytanie zadane 13 października 2015 w PHP przez lrk Początkujący (300 p.)

92,525 zapytań

141,357 odpowiedzi

319,384 komentarzy

61,914 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...