Teks di Dalam HTML

Termasuk bagian Dasar-Dasar Express dalam perjalanan Node.js di Coddy. Pelajaran 9 dari 23.

Pengunjung dapat mengetik karakter yang diperlakukan HTML sebagai markup. Jika judul berisi <b>, menempatkannya langsung di halaman akan membuat tag. Escaping mengubah karakter ini menjadi teks yang ditampilkan browser.

escapeHtml('<b>Lunch</b>');
// &lt;b&gt;Lunch&lt;/b&gt;

Helper mengubah & menjadi &, yang ditampilkan browser sebagai ampersand. Tanda kutip ganda menjadi "; apostrof tetap tidak berubah. Lakukan escaping pada setiap nilai teks yang disisipkan, siapa pun yang menulisnya, sebelum mengapitnya dengan HTML buatanmu sendiri. Melakukan escaping pada seluruh halaman juga akan menampilkan tag heading-mu sebagai teks. Kamu tidak perlu menulis helper tersebut; keputusan pentingnya adalah di mana menggunakannya.

Dalam URL, tulis spasi sebagai %20, ampersand sebagai %26, dan kurung sudut sebagai %3C dan %3E. Encoding ini memisahkan teks judul dari sintaks query.

Tantangan

Mudah

Edit exercise.js. Gunakan helper yang disediakan pada judul sebelum menempatkannya di dalam tag heading buatanmu. Kembalikan heading yang sudah selesai di html.

Coba Jalankan: GET /result?title=Fish%20%26%20Chips mengembalikan {"html":"<h1>Fish & Chips</h1>"}. Coba /result?title=%3Cb%3ELunch%3C%2Fb%3E: judul yang disisipkan harus berupa teks, sedangkan heading-mu tetap berupa markup.

Coba sendiri

import { escapeHtml } from './html.js';
export function exercise({ title }) {
    return { html: `<h1>${title}</h1>` };
}

Semua pelajaran di Dasar-Dasar Express

1Server Pertamamu

Halo, Express http module Rute Lainnya Parameter Rute

Query String

4Router dan Kode Asinkron

2Tanggapan

Halaman Adalah TeksTeks di Dalam HTMLHalaman HTML File Statis

Pengalihan

5Proyek: Resep Hari Ini

3Middleware

Latihan sendiri: Playground Express