По умолчанию сценарий PowerShell очень ограничен по соображениям безопасности. Для использования в NuGet нам нужно открыть двери.
1. Шаг
Откройте Windows PowerShell
, запустите как Administrator
2. Шаг
NuGet использует 32-битную консоль, поэтому на нее не будут влиять изменения в 64-битной консоли. Запустите следующий скрипт, чтобы убедиться, что вы настраиваете 32-битную консоль.
start-job { Set-ExecutionPolicy RemoteSigned } -RunAs32 | wait-job | Receive-Job
3. Шаг
Перезагрузка Visual Studio
После последних тестов я могу рекомендовать самое быстрое и полностью совместимое с браузером собственное решение javaScript (DOM):
function HTMLescape(html){
return document.createElement('div')
.appendChild(document.createTextNode(html))
.parentNode
.innerHTML
}
Если вы повторяете это много раз, вы можете сделать это с помощью подготовленных переменных:
//prepare variables
var DOMtext = document.createTextNode("test");
var DOMnative = document.createElement("span");
DOMnative.appendChild(DOMtext);
//main work for each case
function HTMLescape(html){
DOMtext.nodeValue = html;
return DOMnative.innerHTML
}
Посмотрите мое окончательное сравнение сравнение ( вопрос стека ).
Я понимаю, как поздно я отношусь к этой вечеринке, но у меня очень простое решение, которое не требует jQuery.
escaped = new Option(unescaped).innerHTML;
Редактировать: это не приводит к кавычками. Единственный случай, когда кавычки должны быть экранированы, - это если содержимое будет вставлено в строку в атрибут внутри строки HTML. Мне трудно представить себе случай, когда это будет хорошим дизайном.
Редактирование 2: Если производительность имеет решающее значение, решение с наивысшей производительностью (примерно на 50%) по-прежнему представляет собой серию регулярных выражений. Современные браузеры обнаружат, что регулярные выражения не содержат операторов, просто строку и сворачивают все их в одну операцию.
<
и >
, нет никакой пользы для ускорения кавычек, если только намерение сгенерированного контента не входит в атрибут.
– Adam Leggett
10 January 2017 в 22:38
Все решения бесполезны, если вы не предотвращаете повторный выход, например. большинство решений будут сдерживать &
до &
.
escapeHtml = function (s) {
return s ? s.replace(
/[&<>'"]/g,
function (c, offset, str) {
if (c === "&") {
var substr = str.substring(offset, offset + 6);
if (/&(amp|lt|gt|apos|quot);/.test(substr)) {
// already escaped, do not re-escape
return c;
}
}
return "&" + {
"&": "amp",
"<": "lt",
">": "gt",
"'": "apos",
'"': "quot"
}[c] + ";";
}
) : "";
};
var
, чтобы объявить item
локально; во всяком случае, не использовать цикл for … in
вообще при цикле через массив! Вместо этого используйте обычный цикл for
. О, и это encodeURIComponent
, а не escapeURIComponent
.
– Marcel Korpel
16 March 2011 в 17:33
é
; Вот список объектов html, для справки: w3schools.com/tags/ref_entities.asp
– LoganWolfer
1 April 2011 в 22:50
"
s, вам нужно добавить, по крайней мере, '
и `` to the fray. Это действительно необходимо для данных строковых тегов внутри элементов в html. Для самих html-данных (внешних тегов) требуются только первые 3.
– Marius
12 July 2013 в 13:01
Пример простого JavaScript-экранирования:
function escapeHtml(text) {
var div = document.createElement('div');
div.innerText = text;
return div.innerHTML;
}
escapeHtml("<script>alert('hi!');</script>")
// "<script>alert('hi!');</script>"
Достаточно легко использовать подчеркивание:
_.escape(string)
Underscore - это утилитная библиотека, которая предоставляет множество функций, которые не поддерживает js. Также есть lodash , который является тем же API, что и подчеркивание, но был переписан, чтобы быть более результативным.
Этот ответ предоставляет jQuery и обычные JS-методы, но это кратчайший, не используя DOM:
unescape(escape("It's > 20% less complicated this way."))
Снятая строка: It%27s%20%3E%2020%25%20less%20complicated%20this%20way.
Если экранированные пространства вас беспокоят, попробуйте:
unescape(escape("It's > 20% less complicated this way.").replace(/%20/g, " "))
Снятая строка: It%27s %3E 20%25 less complicated this way.
К сожалению, функция escape()
была устаревшей в JavaScript версии 1.5 . encodeURI()
или encodeURIComponent()
являются альтернативами, но они игнорируют '
, поэтому последняя строка кода превратится в это:
decodeURI(encodeURI("It's > 20% less complicated this way.").replace(/%20/g, " ").replace("'", '%27'))
Все основные браузеры по-прежнему поддерживают короткий код и получают количество старых сайтов, я сомневаюсь, что скоро это изменится.
function htmlDecode(t){
if (t) return $('<div />').html(t).text();
}
работает как прелесть
$('<div/>').text('This is fun & stuff').html(); // "This is fun & stuff"
Источник: http://debuggable.com/posts/encode-html-entities-with-jquery:480f4dd6-13cc-4ce9-8071-4710cbdd56cb
attr()
jQuery (по крайней мере 1,8) делает свою собственную кодировку, так что незакодированные строки могут быть переданы непосредственно i>; например: $('<div/>').attr('test-attr', '\'Tis "fun" & stuff')[0].outerHTML
– mklement0
13 April 2013 в 06:08
$('<div/>')
создает новый элемент div
, который не привязан к DOM. Поэтому он не изменит никаких существующих элементов. Немного запутанно, как jQuery использует ту же функцию $()
как для поиска элементов ($('div')
), так и для их создания, а также для нескольких вещей помимо ... :)
– Henrik N
8 November 2016 в 07:59
(function(undefined){
var charsToReplace = {
'&': '&',
'<': '<',
'>': '>'
};
var replaceReg = new RegExp("[" + Object.keys(charsToReplace).join("") + "]", "g");
var replaceFn = function(tag){ return charsToReplace[tag] || tag; };
var replaceRegF = function(replaceMap) {
return (new RegExp("[" + Object.keys(charsToReplace).concat(Object.keys(replaceMap)).join("") + "]", "gi"));
};
var replaceFnF = function(replaceMap) {
return function(tag){ return replaceMap[tag] || charsToReplace[tag] || tag; };
};
String.prototype.htmlEscape = function(replaceMap) {
if (replaceMap === undefined) return this.replace(replaceReg, replaceFn);
return this.replace(replaceRegF(replaceMap), replaceFnF(replaceMap));
};
})();
Нет глобальных переменных, некоторая оптимизация памяти. Использование:
"some<tag>and&symbol©".htmlEscape({'©': '©'})
результат:
"some<tag>and&symbol©"
Вот чистая, понятная функция JavaScript. Он будет избегать текста, такого как «несколько & lt; many», в «несколько & amp; lt; many».
function escapeHtmlEntities (str) {
if (typeof jQuery !== 'undefined') {
// Create an empty div to use as a container,
// then put the raw text in and get the HTML
// equivalent out.
return jQuery('<div/>').text(str).html();
}
// No jQuery, so use string replace.
return str
.replace(/&/g, '&')
.replace(/>/g, '>')
.replace(/</g, '<')
.replace(/"/g, '"')
.replace(/'/g, ''');
}
Я добавил пример mustache.js, добавив метод escapeHTML()
к строковому объекту.
var __entityMap = {
"&": "&",
"<": "<",
">": ">",
'"': '"',
"'": ''',
"/": '/'
};
String.prototype.escapeHTML = function() {
return String(this).replace(/[&<>"'\/]/g, function (s) {
return __entityMap[s];
});
}
Таким образом, довольно легко использовать "Some <text>, more Text&Text".escapeHTML()
__entityMap
в локальную область функции. И завернул все это в if (typeof String.prototype.escapeHTML !== 'function'){...}
– FlameStorm
9 August 2017 в 11:27
Если вы сохраняете эту информацию в базе данных, ее неправильное обращение к HTML с использованием клиентского скрипта должно выполняться на сервере. В противном случае его легко обойти защиту XSS.
Чтобы яснее указать, вот пример использования одного из ответов:
Допустим, вы используете функцию escapeHtml, чтобы избежать Html из комментария в вашем блоге, а затем отправит его на ваш сервер.
var entityMap = {
"&": "&",
"<": "<",
">": ">",
'"': '"',
"'": ''',
"/": '/'
};
function escapeHtml(string) {
return String(string).replace(/[&<>"'\/]/g, function (s) {
return entityMap[s];
});
}
Пользователь может:
Если пользователь вставляет этот фрагмент в консоль, он обходит проверку XSS:
function escapeHtml(string){
return string
}
Существует также решение от mustache.js
var entityMap = {
'&': '&',
'<': '<',
'>': '>',
'"': '"',
"'": ''',
'/': '/',
'`': '`',
'=': '='
};
function escapeHtml (string) {
return String(string).replace(/[&<>"'`=\/]/g, function (s) {
return entityMap[s];
});
}
'
отображается в сущность с форматом decimal i>, тогда как /
использует формат hex i>.
– mklement0
18 April 2013 в 14:15
Попробуйте Underscore.string lib, он работает с jQuery.
_.str.escapeHTML('<div>Blah blah blah</div>')
output:
'<div>Blah blah blah</div>'
_.escape()
.
– codeape
11 October 2012 в 13:14
Вы можете легко сделать это с помощью vanilla js.
Просто добавьте текстовый узел в документ. Он будет экранирован браузером.
var escaped = document.createTextNode("<HTML TO/ESCAPE/>")
document.getElementById("[PARENT_NODE]").appendChild(escaped)
function htmlEscape(str) {
var stringval="";
$.each(str, function (i, element) {
alert(element);
stringval += element
.replace(/&/g, '&')
.replace(/"/g, '"')
.replace(/'/g, ''')
.replace(/</g, '<')
.replace(/>/g, '>')
.replace(' ', '-')
.replace('?', '-')
.replace(':', '-')
.replace('|', '-')
.replace('.', '-');
});
alert(stringval);
return String(stringval);
}
Это хороший безопасный пример ...
function escapeHtml(str) {
if (typeof(str) == "string"){
try{
var newStr = "";
var nextCode = 0;
for (var i = 0;i < str.length;i++){
nextCode = str.charCodeAt(i);
if (nextCode > 0 && nextCode < 128){
newStr += "&#"+nextCode+";";
}
else{
newStr += "?";
}
}
return newStr;
}
catch(err){
}
}
else{
return str;
}
}
Если вы переходите по маршруту регулярных выражений, в примере tghw есть ошибка.
<!-- WON'T WORK - item[0] is an index, not an item -->
var escaped = html;
var findReplace = [[/&/g, "&"], [/</g, "<"], [/>/g,">"], [/"/g,
"""]]
for(var item in findReplace) {
escaped = escaped.replace(item[0], item[1]);
}
<!-- WORKS - findReplace[item[]] correctly references contents -->
var escaped = html;
var findReplace = [[/&/g, "&"], [/</g, "<"], [/>/g, ">"], [/"/g, """]]
for(var item in findReplace) {
escaped = escaped.replace(findReplace[item[0]], findReplace[item[1]]);
}
Я написал небольшую небольшую функцию, которая делает это. Это только ускользает от "
, &
, <
и >
(но обычно это все, что вам нужно). Это немного более элегантно, чем предыдущие предлагаемые решения, поскольку он использует только one .replace()
для выполнения всего преобразования. (EDIT 2: Уменьшенная сложность кода, делая функцию еще более маленькой и опрятной, если вам интересно узнать исходный код, см. Конец этого ответа.)
function escapeHtml(text) {
'use strict';
return text.replace(/[\"&<>]/g, function (a) {
return { '"': '"', '&': '&', '<': '<', '>': '>' }[a];
});
}
Это простой Javascript, не используемый jQuery.
/
и '
слишком Редактировать в ответ на комментарий к mklement .
Вышеуказанная функция может легко расширяться и включать любой символ. Чтобы указать больше символов для выхода, просто вставьте их как в класс символов в регулярном выражении (т. Е. Внутри /[...]/g
), так и в качестве записи в объекте chr
. (EDIT 2: Аналогичным образом укорочена эта функция.)
function escapeHtml(text) {
'use strict';
return text.replace(/[\"&'\/<>]/g, function (a) {
return {
'"': '"', '&': '&', "'": ''',
'/': '/', '<': '<', '>': '>'
}[a];
});
}
Обратите внимание на приведенное выше использование '
для апострофа (вместо этого вместо символьной сущности '
определенная в XML, но изначально не была включена в спецификацию HTML и поэтому не может поддерживаться всеми браузерами. См. Статья в Википедии о кодировке символов HTML ). Я также вспоминаю, что где-то читал, что использование десятичных сущностей более широко поддерживается, чем использование шестнадцатеричного кода, но я пока не могу найти источник этого. (И не может быть много браузеров, которые не поддерживают шестнадцатеричные сущности.)
Примечание: добавление /
и '
в список экранированных символов не так уж и полезно, поскольку они не имеют особого значения в HTML и не нужно нуждаться в .
escapeHtml
Функция EDIT 2: Исходная функция, используемая a variable (chr
), чтобы сохранить объект, необходимый для обратного вызова .replace()
. Эта переменная также нуждалась в дополнительной анонимной функции для ее охвата, что делает функцию (ненужно) немного больше и сложнее.
var escapeHtml = (function () {
'use strict';
var chr = { '"': '"', '&': '&', '<': '<', '>': '>' };
return function (text) {
return text.replace(/[\"&<>]/g, function (a) { return chr[a]; });
};
}());
Я не тестировал, какая из двух версий выполняется быстрее. Если вы это сделаете, не стесняйтесь добавлять сюда информацию и ссылки.
'
и /
? что сделало бы его более сжатой, автономной альтернативой исходному кодовому решению усы @Tom Gruner.
– mklement0
12 April 2013 в 15:15
'
и /
для вас. :)
– zrajm
18 April 2013 в 08:05
mustache.js
и underscore.js
делают это? Говоря о последнем: он распознает числовые сущности (представляющие '
и /
') в форме в верхнем регистре hex i>, когда un i> экранируется. Таким образом, текст был экранирован в mustache.js
, который с любопытством использует шестнадцатеричный символ mix i>. и десятичные форматы - не будет корректно отменено в underscore.js
. Интересно, как другие популярные библиотеки справляются с этим.
– mklement0
18 April 2013 в 14:22
'
имеют какую-то зарезервированную функцию в XML (и, таким образом, XHTML, я полагаю?), Поэтому XML (но не HTML ) имеют именованный объект '
. Именно в том, почему и каким образом он «зарезервирован», я не знаю. - Слэши являются особыми в URL-адресах, но это не на самом деле i> гарантирует их включение в экранирование HTML (поскольку кодировка URL-адреса совершенно другая).
– zrajm
20 April 2013 в 02:29
/
не требуется, но кодирование '
по-прежнему представляется полезным безопасно обрабатывать случай, когда кодированная строка используется как значение i>, заключенное в single котировки I>.
– mklement0
20 April 2013 в 04:05
$(element2).attr("some-attr", $(element1).html());
См. этот пример: jsbin.com/atibig/1/edit – travis 12 April 2013 в 19:01var p = document.createElement('p'); p.textContent = html; return p.innerHTML;
– Dan Dascalescu 13 August 2015 в 15:14textContent
поддерживается только с помощью Chrome 1+, Firefox 2, IE9, Opera 9.64 и Safari 3 (последние два аннотированных «возможно, раньше»). Это, таким образом, нарушит совместимость OPs "полностью кросс-браузерных" Запрос. – zb226 11 November 2015 в 12:00p.innerText = html; return p.innerHTML
– Bekim Bacaj 27 November 2016 в 09:58