Thoát thẻ Html
Thoát thẻ html để chèn html vào mã html
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 HTMLHà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 <i>html</i> 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, "&") .replace(/</g, "<") .replace(/>/g, ">") .replace(/"/g, """) .replace(/'/g, "'"); } 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