Nội dung này đã được lưu trữ và không còn được duy trì bởi Đại học Indiana. Thông tin ở đây có thể không còn chính xác và các liên kết có thể không còn khả dụng hoặc đáng tin cậy
Trong các đề xuất gần đây nhất của World Wide Web Consortium (W3C), phương pháp ưa thích để thay đổi kích thước văn bản là sử dụng biểu định kiểu xếp tầng . Tài liệu này mô tả việc sử dụng thẻ HTML
In HTML, you can change the size of text with the tag using the size attribute. The size attribute specifies how large a font will be displayed in either relative or absolute terms. Close the tag with to return to a normal text size.
Kích thước phông chữ mặc định là 3 và kích thước phông chữ lớn nhất có thể được hiển thị trong trình duyệt là 7
Để tăng hoặc giảm kích thước của phông chữ so với kích thước mặc định, hãy sử dụng hoặc , trong đó "num" là một số. Ví dụ: để làm cho văn bản lớn hơn hai cỡ, hãy sử dụng
Tôi đã làm việc với một trình soạn thảo văn bản phong phú vào một ngày khác và cần tách các thẻ HTML khỏi chuỗi và lưu trữ nó trong cơ sở dữ liệu. Và đây là một số cách tôi học được có thể hữu ích cho bất kỳ ai đang cố gắng làm điều tương tự
Những gì chúng tôi đang cố gắng làm là xóa các thẻ khỏi chuỗi và làm cho chuỗi có thể in được dưới dạng văn bản thuần túy. Hãy đi sâu vào và xem nó hoạt động như thế nào
1) Using .replace(/]*>/g, ‘’)
Phương pháp này là một cách đơn giản và hiệu quả để xóa các thẻ khỏi văn bản. Phương thức này sử dụng phương thức chuỗi .replace(old value,new value) để thay thế các giá trị thẻ HTML bằng chuỗi trống. /g được sử dụng để nó xảy ra trên toàn cầu (mọi giá trị được tìm thấy trong chuỗi được thay thế bằng giá trị được chỉ định nếu sử dụng /g)
Hạn chế của phương pháp này là chúng tôi không thể xóa một số thực thể HTML. Nó vẫn hoạt động tốt mặc dù
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);
Vào chế độ toàn màn hình Thoát chế độ toàn màn hình
2) Tạo phần tử DOM tạm thời và truy xuất văn bản
Đây là cách hiệu quả nhất để thực hiện nhiệm vụ. Tạo một phần tử giả và gán nó cho một biến. Chúng ta có thể trích xuất sau bằng cách sử dụng các đối tượng phần tử. Gán văn bản HTML vào bên trongHTML của phần tử giả và chúng ta sẽ nhận được văn bản thuần túy từ các đối tượng phần tử văn bản
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
Vào chế độ toàn màn hình Thoát chế độ toàn màn hình
3) gói npm chuyển html thành văn bản
Đây là gói tôi phát hiện ra gần đây. Đây là trình chuyển đổi phân tích cú pháp HTML và trả về văn bản đẹp. Nó đi kèm với nhiều tùy chọn để chuyển đổi nó thành văn bản thuần túy như 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
0
Bưu kiện. json là cần thiết để sử dụng gói. Chúng tôi cần cài đặt gói trước rồi sử dụng gói đó trong tệp của mình
Bạn có thể tìm tài liệu chính thức của gói tại đây
Cài đặt
npm install html-to-text
Vào chế độ toàn màn hình Thoát chế độ toàn màn hình
Cách sử dụng
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
Vào chế độ toàn màn hình Thoát chế độ toàn màn hình
Tìm ví dụ về dự án tại đây
Và đó tổng hợp nó lên. Cảm ơn