thể trùng lặp:
Escaping HTML strings with jQuery
JavaScript/jQuery HTML EncodingCó cách nào dễ dàng để chuyển đổi văn bản thành HTML trong JavaScript không?
Ví dụ, nếu tôi muốn cho người sử dụng chuỗi x < 3 trong HTML tôi sẽ cần phải thay thế các nhân vật < với <. Có một chức năng dựng sẵn để làm điều này trong JavaScript hoặc có lẽ jQuery chuyển đổi bất kỳ chuỗi văn bản nào thành HTML tương ứng?
Nếu bạn muốn sử dụng jQuery, bạn có thể sử dụng phương pháp text(string).
$(".selector").text("x < 5");
câu trả lời hợp lý. –
Hoặc, Hãy cho nó đơn giản và thực hiện điều này
var str1 = "x < 3";
str1.replace(/</g, '<');
Đây là một function từ một câu hỏi
function htmlEscape(str) {
return String(str)
.replace(/&/g, '&')
.replace(/"/g, '"')
.replace(/'/g, ''')
.replace(/</g, '<')
.replace(/>/g, '>');
}
Hoặc Tuyệt vời cheat sử dụng jQuery Source
function htmlEncode(value){
return $('<div/>').text(value).html();
}
function htmlDecode(value){
return $('<div/>').html(value).text();
}
giả sử bạn đã lưu chuỗi vào một biến số
k = " <!"#$\'";
sau đó khi bạn cần phải "in" các giá trị sử dụng
escape (k);
Và chuỗi ''x <3'' sẽ trở thành' x% 20% 3C% 203'. – dfsq
escape() là tốt cho mạng lưới vận chuyển, không phải để hiển thị.
Có một tên hàm php htmlentities, tôi thấy điều này cho JS:
function HTMLentities(texte) {
texte = texte.replace(/"/g,'"'); // 34 22
texte = texte.replace(/&/g,'&'); // 38 26
texte = texte.replace(/\'/g,'''); // 39 27
texte = texte.replace(/</g,'<'); // 60 3C
texte = texte.replace(/>/g,'>'); // 62 3E
texte = texte.replace(/\^/g,'ˆ'); // 94 5E
texte = texte.replace(/‘/g,'‘'); // 145 91
texte = texte.replace(/’/g,'’'); // 146 92
texte = texte.replace(/“/g,'“'); // 147 93
texte = texte.replace(/”/g,'”'); // 148 94
texte = texte.replace(/•/g,'•'); // 149 95
texte = texte.replace(/–/g,'–'); // 150 96
texte = texte.replace(/—/g,'—'); // 151 97
texte = texte.replace(/˜/g,'˜'); // 152 98
texte = texte.replace(/™/g,'™'); // 153 99
texte = texte.replace(/š/g,'š'); // 154 9A
texte = texte.replace(/›/g,'›'); // 155 9B
texte = texte.replace(/œ/g,'œ'); // 156 9C
texte = texte.replace(//g,'ť'); // 157 9D
texte = texte.replace(/ž/g,'ž'); // 158 9E
texte = texte.replace(/Ÿ/g,'Ÿ'); // 159 9F
// texte = texte.replace(/ /g,' '); // 160 A0
texte = texte.replace(/¡/g,'¡'); // 161 A1
texte = texte.replace(/¢/g,'¢'); // 162 A2
texte = texte.replace(/£/g,'£'); // 163 A3
//texte = texte.replace(/ /g,'¤'); // 164 A4
texte = texte.replace(/¥/g,'¥'); // 165 A5
texte = texte.replace(/¦/g,'¦'); // 166 A6
texte = texte.replace(/§/g,'§'); // 167 A7
texte = texte.replace(/¨/g,'¨'); // 168 A8
texte = texte.replace(/©/g,'©'); // 169 A9
texte = texte.replace(/ª/g,'ª'); // 170 AA
texte = texte.replace(/«/g,'«'); // 171 AB
texte = texte.replace(/¬/g,'¬'); // 172 AC
texte = texte.replace(//g,'­'); // 173 AD
texte = texte.replace(/®/g,'®'); // 174 AE
texte = texte.replace(/¯/g,'¯'); // 175 AF
texte = texte.replace(/°/g,'°'); // 176 B0
texte = texte.replace(/±/g,'±'); // 177 B1
texte = texte.replace(/²/g,'²'); // 178 B2
texte = texte.replace(/³/g,'³'); // 179 B3
texte = texte.replace(/´/g,'´'); // 180 B4
texte = texte.replace(/µ/g,'µ'); // 181 B5
texte = texte.replace(/¶/g,'¶'); // 182 B6
texte = texte.replace(/·/g,'·'); // 183 B7
texte = texte.replace(/¸/g,'¸'); // 184 B8
texte = texte.replace(/¹/g,'¹'); // 185 B9
texte = texte.replace(/º/g,'º'); // 186 BA
texte = texte.replace(/»/g,'»'); // 187 BB
texte = texte.replace(/¼/g,'¼'); // 188 BC
texte = texte.replace(/½/g,'½'); // 189 BD
texte = texte.replace(/¾/g,'¾'); // 190 BE
texte = texte.replace(/¿/g,'¿'); // 191 BF
texte = texte.replace(/À/g,'À'); // 192 C0
texte = texte.replace(/Á/g,'Á'); // 193 C1
texte = texte.replace(/Â/g,'Â'); // 194 C2
texte = texte.replace(/Ã/g,'Ã'); // 195 C3
texte = texte.replace(/Ä/g,'Ä'); // 196 C4
texte = texte.replace(/Å/g,'Å'); // 197 C5
texte = texte.replace(/Æ/g,'Æ'); // 198 C6
texte = texte.replace(/Ç/g,'Ç'); // 199 C7
texte = texte.replace(/È/g,'È'); // 200 C8
texte = texte.replace(/É/g,'É'); // 201 C9
texte = texte.replace(/Ê/g,'Ê'); // 202 CA
texte = texte.replace(/Ë/g,'Ë'); // 203 CB
texte = texte.replace(/Ì/g,'Ì'); // 204 CC
texte = texte.replace(/Í/g,'Í'); // 205 CD
texte = texte.replace(/Î/g,'Î'); // 206 CE
texte = texte.replace(/Ï/g,'Ï'); // 207 CF
texte = texte.replace(/Ð/g,'Ð'); // 208 D0
texte = texte.replace(/Ñ/g,'Ñ'); // 209 D1
texte = texte.replace(/Ò/g,'Ò'); // 210 D2
texte = texte.replace(/Ó/g,'Ó'); // 211 D3
texte = texte.replace(/Ô/g,'Ô'); // 212 D4
texte = texte.replace(/Õ/g,'Õ'); // 213 D5
texte = texte.replace(/Ö/g,'Ö'); // 214 D6
texte = texte.replace(/×/g,'×'); // 215 D7
texte = texte.replace(/Ø/g,'Ø'); // 216 D8
texte = texte.replace(/Ù/g,'Ù'); // 217 D9
texte = texte.replace(/Ú/g,'Ú'); // 218 DA
texte = texte.replace(/Û/g,'Û'); // 219 DB
texte = texte.replace(/Ü/g,'Ü'); // 220 DC
texte = texte.replace(/Ý/g,'Ý'); // 221 DD
texte = texte.replace(/Þ/g,'Þ'); // 222 DE
texte = texte.replace(/ß/g,'ß'); // 223 DF
texte = texte.replace(/à/g,'á'); // 224 E0
texte = texte.replace(/á/g,'á'); // 225 E1
texte = texte.replace(/â/g,'â'); // 226 E2
texte = texte.replace(/ã/g,'ã'); // 227 E3
texte = texte.replace(/ä/g,'ä'); // 228 E4
texte = texte.replace(/å/g,'å'); // 229 E5
texte = texte.replace(/æ/g,'æ'); // 230 E6
texte = texte.replace(/ç/g,'ç'); // 231 E7
texte = texte.replace(/è/g,'è'); // 232 E8
texte = texte.replace(/é/g,'é'); // 233 E9
texte = texte.replace(/ê/g,'ê'); // 234 EA
texte = texte.replace(/ë/g,'ë'); // 235 EB
texte = texte.replace(/ì/g,'ì'); // 236 EC
texte = texte.replace(/í/g,'í'); // 237 ED
texte = texte.replace(/î/g,'î'); // 238 EE
texte = texte.replace(/ï/g,'ï'); // 239 EF
texte = texte.replace(/ð/g,'ð'); // 240 F0
texte = texte.replace(/ñ/g,'ñ'); // 241 F1
texte = texte.replace(/ò/g,'ò'); // 242 F2
texte = texte.replace(/ó/g,'ó'); // 243 F3
texte = texte.replace(/ô/g,'ô'); // 244 F4
texte = texte.replace(/õ/g,'õ'); // 245 F5
texte = texte.replace(/ö/g,'ö'); // 246 F6
texte = texte.replace(/÷/g,'÷'); // 247 F7
texte = texte.replace(/ø/g,'ø'); // 248 F8
texte = texte.replace(/ù/g,'ù'); // 249 F9
texte = texte.replace(/ú/g,'ú'); // 250 FA
texte = texte.replace(/û/g,'û'); // 251 FB
texte = texte.replace(/ü/g,'ü'); // 252 FC
texte = texte.replace(/ý/g,'ý'); // 253 FD
texte = texte.replace(/þ/g,'þ'); // 254 FE
texte = texte.replace(/ÿ/g,'ÿ'); // 255 FF
return texte;
}
Điều này có vẻ như nó sẽ làm việc, nhưng tôi nghĩ rằng nó có thể là quá tốn thời gian. –
Tôi đồng ý, đây là gói đầy đủ để trả lời câu hỏi. –
này thay thế các nhân vật trong javascript:
function replaceStr(str) {
return str
.replace(/&/g, "&")
.replace(/</g, "<")
.replace(/>/g, ">")
.replace(/"/g, """)
.replace(/'/g, "'");
}
Bạn có thể sử dụng một phần của thư viện php.js thực hiện các hàm được biết từ php đến js.Ngoài ra còn nổi tiếng htmlspecialchars: http://phpjs.org/functions/htmlspecialchars:426 Rõ ràng, loại bỏ những phần không cần thiết từ các chức năng :)
Ngoài ra hãy xem: HtmlSpecialChars equivalent in Javascript?
Với jQuery có lẽ bạn không cần phải html mã hóa văn bản của bạn:
$("div.test").text("<b></b> for bold!");
đặt html bên trong của div thành:
<b></b> for bold!
Bạn ca n sau đó lấy html này sử dụng:
$("div.test").html();
Nếu bạn đang sử dụng jQuery, bạn có thể làm như câu trả lời này cho thấy:
Bạn có thể sử dụng jQuery điện:
var str = "x < 3";
str = $('<div>').text(str).html();
Sẽ cung cấp cho bạn kết quả "x < 3". Chuỗi "Alpha & Omega" sẽ trở thành "Alpha & Omega", v.v.
http://stackoverflow.com/questions/24816/escaping-html-strings-with-jquery – rid
http://stackoverflow.com/questions/6020714/escape-html- using-jquery – rid
10 answers ... tôi có thể nhận thêm 2 phiếu bầu khác không? –