Bagaimana Anda meneruskan kode html ke dalam string?

Saya sedang bekerja dengan editor teks kaya beberapa hari yang lalu dan perlu menghapus tag HTML dari string dan menyimpannya di database. Dan inilah beberapa cara yang saya pelajari yang dapat berguna bagi siapa saja yang mencoba melakukan hal yang sama
Apa yang kami coba lakukan adalah menghapus tag dari string dan membuat string dapat dicetak sebagai teks biasa. Mari selami dan lihat cara kerjanya

1) Using .replace(/]*>/g, ‘’)

Metode ini adalah cara yang sederhana dan efisien untuk menghapus tag dari teks. Metode ini menggunakan metode string .replace(old value,new value) yang menggantikan nilai tag HTML dengan string kosong. /g digunakan untuk itu terjadi secara global (setiap nilai yang ditemukan dalam string diganti dengan yang ditentukan jika /g digunakan)
Kelemahan dari metode ini adalah kami tidak dapat menghapus beberapa entitas HTML. Ini masih berfungsi dengan baik

var myHTML= "<div><h1>Jimbo.</h1>\n<p>That's what she said</p></div>";

var strippedHtml = myHTML.replace(/<[^>]+>/g, '');

// Jimbo.
// That's what she said
console.log(stripedHtml);

Masuk ke mode layar penuh Keluar dari mode layar penuh

2) Buat elemen DOM sementara dan ambil teksnya

Ini adalah cara paling efisien untuk melakukan tugas. Buat elemen dummy dan tetapkan ke variabel. Kita bisa mengekstrak nanti menggunakan objek elemen. Tetapkan teks HTML ke innerHTML dari elemen dummy dan kita akan mendapatkan teks biasa dari objek elemen teks

function convertToPlain(html){

    // Create a new div element
    var tempDivElement = document.createElement("div");

    // Set the HTML content with the given value
    tempDivElement.innerHTML = html;

    // Retrieve the text property of the element 
    return tempDivElement.textContent || tempDivElement.innerText || "";
}

var htmlString= "<div><h1>Bears Beets Battlestar Galactica </h1>\n<p>Quote by Dwight Schrute</p></div>";


console.log(convertToPlain(htmlString));
// Expected Result:
// Bears Beets Battlestar Galactica 
// Quote by Dwight Schrute

Masuk ke mode layar penuh Keluar dari mode layar penuh

3) paket npm html-ke-teks

Ini adalah paket yang saya temukan baru-baru ini. Ini adalah konverter yang mem-parsing HTML dan mengembalikan teks yang indah. Muncul dengan banyak pilihan untuk mengubahnya menjadi teks biasa seperti wordwrap, tags, whitespaceCharacters ,

function convertToPlain(html){

    // Create a new div element
    var tempDivElement = document.createElement("div");

    // Set the HTML content with the given value
    tempDivElement.innerHTML = html;

    // Retrieve the text property of the element 
    return tempDivElement.textContent || tempDivElement.innerText || "";
}

var htmlString= "<div><h1>Bears Beets Battlestar Galactica </h1>\n<p>Quote by Dwight Schrute</p></div>";


console.log(convertToPlain(htmlString));
// Expected Result:
// Bears Beets Battlestar Galactica 
// Quote by Dwight Schrute

Instalasi

npm install html-to-text

Masuk ke mode layar penuh Keluar dari mode layar penuh

Penggunaan

const { htmlToText } = require('html-to-text');

const text = htmlToText('<div>Nope Its not Ashton Kutcher. It is Kevin Malone. <p>Equally Smart and equally handsome</p></div>', {
    wordwrap: 130
});
console.log(text); // expected result: 
// Nope Its not Ashton Kutcher. It is Kevin Malone.

// Equally Smart and equally handsome

Masuk ke mode layar penuh Keluar dari mode layar penuh

Temukan contoh proyek di sini

Dan itu merangkumnya. Terima kasih

Bagaimana Anda membuat file HTML menjadi string?

Bagaimana cara mengubah konten HTML menjadi string dalam JavaScript?

Bagaimana cara melewatkan konten HTML sebagai string di Java?

Bagaimana cara mengubah HTML menjadi string sebagai reaksi?