Bagaimanakah Saya Boleh Mengekalkan Pengekodan HTML Semasa Membaca dari Medan Input dalam JavaScript?

Memelihara Pengekodan HTML Semasa Membaca dari Medan Input

Apabila mengekstrak nilai daripada medan tersembunyi menggunakan JavaScript, adalah perkara biasa untuk menghadapi situasi di mana pengekodan HTML adalah hilang, mengakibatkan nilai rentetan yang tidak diingini. Dalam kes sedemikian, adalah penting untuk mengekalkan format asal yang dikodkan.

Nasib baik, beberapa pendekatan boleh digunakan untuk rentetan pengekodan HTML. Satu kaedah yang berkesan ialah memanfaatkan API DOMParser, menawarkan penyelesaian yang lebih moden dan boleh dipercayai:

const encodedValue = new DOMParser().parseFromString(value, "text/html").body.textContent;

Sebagai alternatif, jika keserasian warisan diingini, fungsi berasaskan jQuery berikut menyediakan fungsi yang serupa:

function htmlEncode(value) {
  return $("<textarea>").text(value).html();
}

function htmlDecode(value) {
  return $("<textarea>").html(value).text();
}

Fungsi ini menggunakan elemen textarea tersembunyi untuk memanipulasi rentetan. Dengan menetapkan kandungan teksnya kepada nilai yang diingini, penyemak imbas secara automatik mengekod kandungan HTML. Selepas itu, HTML yang dikodkan boleh diperolehi semula melalui sifat innerHTML.

Untuk penyahkodan html, prosesnya diterbalikkan, di mana HTML yang dikodkan ditetapkan sebagai innerHTML bagi kawasan teks dan kandungan teks yang dinyahkod diperolehi.

Dengan menggunakan salah satu daripada teknik ini, adalah mungkin untuk mengekstrak nilai berkod HTML daripada medan input sambil mengekalkan pemformatan asal, memastikan perwakilan rentetan yang tepat.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengekalkan Pengekodan HTML Semasa Membaca dari Medan Input dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!