Xóa các ký tự HTML khỏi chuỗi JavaScript

Hi. I made a function that removes the HTML tags along with their contents:

Function:
function strip_tags_content($text, $tags = '', $invert = FALSE) {

  preg_match_all('/<(.+?)[\s]*\/?[\s]*>/si', trim($tags), $tags);
  $tags = array_unique($tags[1]);

  if(is_array($tags) AND count($tags) > 0) {
    if($invert == FALSE) {
      return preg_replace('@<(?!(?:'. implode('|', $tags) .')\b)(\w+)\b.*?>.*?@si', '', $text);
    }
    else {
      return preg_replace('@<('. implode('|', $tags) .')\b.*?>.*?@si', '', $text);
    }
  }
  elseif($invert == FALSE) {
    return preg_replace('@<(\w+)\b.*?>.*?@si', '', $text);
  }
  return $text;
}
?>

Sample text:
$text = 'sample text with

tags

________số 8

I hope that someone is useful :)

Tách các thẻ khỏi chuỗi, rất hữu ích khi bạn muốn trích xuất văn bản từ chuỗi có chứa các thẻ HTML. Bạn có thể xóa các thẻ HTML khỏi chuỗi bằng Regex trong JavaScript. Trong đoạn mã sau, chúng tôi sẽ chỉ cho bạn cách tách các thẻ HTML khỏi chuỗi bằng JavaScript

Sử dụng phương thức thay thế () của JavaScript với Regex để xóa các thẻ HTML khỏi chuỗi

string.replace(/<\/?[^>]+(>|$)/g, "")

Mẫu mã để tách các thẻ khỏi chuỗi HTML trong JavaScript

var str = "

Hello, CodexWorld

"; var cleanText = str.replace(/<\/?[^>]+(>|$)/g, "");

Xem Bút JavaScript Xóa thẻ HTML/XML khỏi chuỗi-chuỗi-ex-35 bằng w3resource (@w3resource) trên CodePen


Cải thiện giải pháp mẫu này và đăng mã của bạn qua Disqus

Trước. Viết một hàm JavaScript để chuyển đổi một chuỗi thành trường hợp tiêu đề.
Tiếp theo. Viết hàm JavaScript để tạo giá trị Zerofill với dấu +, - tùy chọn.

Mức độ khó của bài tập này là gì?

Dễ dàng trung bình khó

Kiểm tra kỹ năng Lập trình của bạn với bài kiểm tra của w3resource



JavaScript. Lời khuyên trong ngày

Tạo số giữa một phạm vi

Có một số tình huống khi chúng ta tạo một mảng với dãy số. Giả sử đối với đầu vào sinh nhật, nơi bạn cần phạm vi đó. Đây là cách dễ nhất để thực hiện nó

Trong khi lập trình bằng JavaScript, chúng ta thường muốn viết các mã phức tạp, nơi rất có khả năng thêm thẻ “html” vào giá trị chuỗi trong trường hợp nhập nhầm tiêu đề hoặc đoạn văn. Chẳng hạn, thẻ kết thúc của HTML hoặc phần tử nội dung sẽ bị xóa nếu HTML hoặc phần tử nội dung không được theo sau bởi một nhận xét. Bạn không biết cách tách các thẻ HTML khỏi một chuỗi cụ thể?

Hướng dẫn này sẽ thảo luận về các phương pháp để Tách các Thẻ HTML khỏi một Chuỗi cụ thể trong JavaScript

Làm cách nào để tách các thẻ HTML khỏi một chuỗi trong JavaScript?

Để tách các thẻ HTML bằng JavaScript, có thể sử dụng các phương pháp sau

  • phương pháp “thay thế ALL ()”
  • Thuộc tính “Nội dung văn bản”
  • Giao diện “DOMParser”
  • gói “chuỗi-dải-HTML”

Lần lượt đi qua các phương pháp được đề cập

Phương pháp 1. Tách các thẻ HTML khỏi chuỗi trong JavaScript bằng phương thức replaceAll()

Phương thức “replaceAll()” trả về một chuỗi mới khi tất cả các mẫu phù hợp được thay thế bằng mẫu thay thế đã chỉ định. Phương pháp này có thể được thực hiện để thay thế tất cả các thẻ HTML trong một chuỗi bằng chuỗi rỗng

cú pháp

replaceAll ( mẫu , thay thế )

Trong cú pháp đã cho, "mẫu" đề cập đến chuỗi hoặc một đối tượng và "thay thế" có thể là một hàm hoặc một chuỗi

Ví dụ dưới đây giải thích khái niệm rõ ràng

Ví dụ

In the following example, include a string value including HTML tags placed in the “

” tag and display the unstripped string value:

giá trị chuỗi . let unStripped = ";
console.log("Unstripped html tags:", unStripped)

Bây giờ, hãy áp dụng phương thức “replaceAll()” để thay thế các thẻ HTML bằng chuỗi rỗng được chỉ định là ” “. “gi” ở đây sẽ tìm kiếm tất cả các lần xuất hiện của biểu thức chính quy trong chuỗi được cung cấp và “toán tử regex” sẽ bắt đầu tìm kiếm các giá trị bắt đầu từ “/” và kết thúc tại “/” tương ứng

let replace = unStripped. replaceAll(/, "");

Cuối cùng, hiển thị giá trị chuỗi tương ứng mà không cần bất kỳ thẻ HTML nào

bảng điều khiển. log("Thẻ html bị tước. ", thay thế );

Đầu ra tương ứng sẽ như sau

Xóa các ký tự HTML khỏi chuỗi JavaScript

Phương pháp 2. Tách các thẻ HTML khỏi một chuỗi trong JavaScript bằng thuộc tính nội dung văn bản

Thuộc tính “textContent” đặt nội dung văn bản của phần tử được chỉ định. Phương thức này có thể được sử dụng để trả về các phần tử văn bản từ chuỗi HTML đã cho

Ví dụ

Đầu tiên, lưu trữ một giá trị chuỗi chưa bị xóa và hiển thị nó như đã thảo luận trong phương pháp trước

let unStripped = ""< . "< . "< . "< . "< . "< . "< . "< . "< . "< . "< . "< . "< . "< . "< . "< . "< . "< . "< . ;
console.log("Thẻ html không bị xóa. ", không bị tước )

Tiếp theo, tạo một phần tử có tên là “div” bằng cách sử dụng “tài liệu. createElement()” và gán cho phần tử đã tạo một giá trị chuỗi bao gồm các thẻ HTML

let div = . createElement("div");
div.innerHTML= unStripped ;

Now, apply the textContent property to include text within the “