Hướng dẫn html to string js - html sang chuỗi js

Bạn có thể chuyển đổi HTML thành JavaScript không?
What we are trying to do is remove the tags from the string and make the string printable as plain text. Let’s dive in and see how it works.

1) Sử dụng .replace (/]*>/g, ‘

2) Tạo phần tử DOM tạm thời và truy xuất văn bản
The drawback of this method is that we can’t remove some HTML entities. It still works well though.

var myHTML= "
Jimbo.
\n
That's what she said";
var strippedHtml = myHTML.replace(/<[^>]+>/g, '');
// Jimbo.
// That's what she said
console.log(stripedHtml);

3) Gói NPM HTML-to-Text

2) Tạo phần tử DOM tạm thời và truy xuất văn bản

3) Gói NPM HTML-to-Text

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= "
Bears Beets Battlestar Galactica 
\n
Quote by Dwight Schrute";
console.log(convertToPlain(htmlString));
// Expected Result:
// Bears Beets Battlestar Galactica 
// Quote by Dwight Schrute

3) Gói NPM HTML-to-Text

3) Gói NPM HTML-to-Text

Làm cách nào để biến phần tử HTML thành một chuỗi?
Package.json is needed to use the package. We need to install the package first and then use it in our file.
You can find the official doc of the package here.

Làm cách nào để chuyển đổi nội dung HTML thành văn bản đơn giản?

npm install html-to-text

3) Gói NPM HTML-to-Text

Làm cách nào để biến phần tử HTML thành một chuỗi?

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

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

// Equally Smart and equally handsome

3) Gói NPM HTML-to-Text

Làm cách nào để biến phần tử HTML thành một chuỗi?

Làm cách nào để chuyển đổi nội dung HTML thành văn bản đơn giản?