Thoát thẻ html trong javascript

Question

Thoát thẻ Html

Thoát thẻ html để chèn html vào mã html
Nội dung chính Show

escHtmlTags(đầu vào) ⇒ string
Làm cách nào để thoát khỏi các thực thể HTML trong JavaScript?
Làm cách nào để bỏ thoát HTML trong JavaScript?
Làm cách nào để xóa thẻ HTML khỏi chuỗi js?
Làm cách nào để sử dụng thoát trong JavaScript?

escHtmlTags(đầu vào) ⇒ string

Thoát các ký tự đặc biệt trong chuỗi văn bản đã cho.
Hàm này sẽ thoát khỏi các ký tự sau. ", ', &, < và >.

Tốt bụng. chức năng toàn cầu

ParamTypeDescriptioninputstringChuỗi cần thoát để chèn vào HTML

Hàm escapeHtml được thiết kế để chấp nhận đầu vào chuỗi văn bản và trả về giá trị thoát

const escapeHtml = require('escape-html')
 
// example values
const str = 'Escaping <i>html</i> works fine.'
// example passing text in span element
console.log('<span name="desc">' + escapeHtml(str) + '</span>')
// -> '<span name="desc">Escaping &lt;i&gt;html&lt;/i&gt; works fine.</span>'

Hiển thị văn bản thành trang web HTML bằng chức năng JavaScript với thoát ký tự đặc biệt HTML trong JavaScript

<!DOCTYPE html>
<html>
<body>

  <script>
   let str = 'Hello World "This" is some sample Text & 10>2 ';
   function escapeHtml(unsafe) {
    return unsafe
    .replace(/&/g, "&amp;")
    .replace(/</g, "&lt;")
    .replace(/>/g, "&gt;")
    .replace(/"/g, "&quot;")
    .replace(/'/g, "&#039;");
  }

  document.write(escapeHtml(str));

</script>
</script>
</body>
</html>

đầu ra

Hãy bình luận nếu bạn có bất kỳ nghi ngờ hoặc đề xuất nào về mã thoát JS này

Ghi chú. Tất cả mã Ví dụ về JS đều được thử nghiệm trên trình duyệt Firefox và trình duyệt Chrome
hệ điều hành. cửa sổ 10
Mã số. Phiên bản HTML5

Rohit

Bằng cấp về Khoa học Máy tính và Kỹ sư. Nhà phát triển ứng dụng và có kinh nghiệm về nhiều ngôn ngữ lập trình. Đam mê công nghệ & thích học hỏi kỹ thuật

Hãy thử mã hiện có của phần tử TextArea để thoát khỏi văn bản theo nghĩa đen để thoát khỏi các thẻ HTML dưới dạng các thực thể HTML bằng JavaScript

var escape = document.createElement('textarea');
function escapeHTML(html) {
    escape.textContent = html;
    return escape.innerHTML;
}

function unescapeHTML(html) {
    escape.innerHTML = html;
    return escape.textContent;
}

mã hoàn chỉnh HTML

<!DOCTYPE html>
<html>
<body>

  <div class="half first"><textarea id="input" placeholder='Paste your HTML in here...' spellcheck="false" autofocus></textarea></div>

  <div class="middle">
    <select id="method">
      <option value="escape">escape</option>
      <option value="unescape">unescape</option>
    </select>
  </div>

  <div class="half last"><textarea id="output" placeholder='Output...' spellcheck="false"></textarea></div>
  <script>
   
    // Escape & Unescape HTML:
    (function() {
      var escapeEl = document.createElement('textarea');

      window.escapeHTML = function(html) {
        escapeEl.textContent = html;
        return escapeEl.innerHTML;
      };

      window.unescapeHTML = function(html) {
        escapeEl.innerHTML = html;
        return escapeEl.textContent;
      };
    })();

// getElementById shortcut:
var $ = function(id, scopeEl) {
  return (scopeEl || document).getElementById(id);
};

// Grab the needed elements:
var inputEl = $('input');
var outputEl = $('output');
var methodToggleEl = $('method');

// Handle input:
function inputHandler() {
  outputEl.value = window[methodToggleEl.value + 'HTML'](inputEl.value);
}
inputHandler();
methodToggleEl.onchange = inputEl.oninput = inputHandler;
</script>
</body>
</html>

Nguồn. ngăn xếp chồng lên nhau. com

đầu ra

Hãy bình luận nếu bạn có bất kỳ nghi ngờ hoặc đề xuất nào về mã HTML này

Ghi chú. Tất cả các mã Ví dụ về HTML đều được kiểm tra trên trình duyệt Firefox và trình duyệt Chrome
hệ điều hành. cửa sổ 10
Mã số. Phiên bản HTML5

Rohit

Bằng cấp về Khoa học Máy tính và Kỹ sư. Nhà phát triển ứng dụng và có kinh nghiệm về nhiều ngôn ngữ lập trình. Đam mê công nghệ & thích học hỏi kỹ thuật