Я пытаюсь удалить все теги html из строки в Javascript. Вот что у меня есть ... Я не могу понять, почему он не работает .... кто-нибудь знает, что я делаю не так?
<script type="text/javascript">
var regex = "/<(.|\n)*?>/";
var body = "<p>test</p>";
var result = body.replace(regex, "");
alert(result);
</script>Большое спасибо!
Ответы:
Попробуйте это, заметив, что грамматика HTML слишком сложна для того, чтобы регулярные выражения могли быть правильными в 100% случаев:
var regex = /(<([^>]+)>)/ig
, body = "<p>test</p>"
, result = body.replace(regex, "");
console.log(result);Если вы хотите использовать такую библиотеку, как jQuery , вы можете просто сделать это:
console.log($('<p>test</p>').text());"<img src=bogus onerror=alert(1337)". Первый не работает, потому что синтаксический анализатор HTML не требует, чтобы последний тег был закрыт символом a >, а второй не работает, потому что загрузка изображения начинается еще до того, как проанализированное дерево DOM добавляется в DOM, и $('<img ...>')вызывает анализатор HTML.
>в значение атрибута включено; вот так<div data="a + b > c">
Это старый вопрос, но я наткнулся на него и подумал, что поделюсь методом, который использовал:
var body = '<div id="anid">some <a href="link">text</a></div> and some more text';
var temp = document.createElement("div");
temp.innerHTML = body;
var sanitized = temp.textContent || temp.innerText;sanitized теперь будет содержать: "some text and some more text"
Просто, не требует jQuery и не подведет даже в более сложных случаях.
innerText
temp.textContentесли он существует, и попробует, только temp.innerTextесли его нет. В вашем браузере должно быть первое, но для браузеров, в которых его нет, вместо него используется второе :)
Это сработало для меня.
var regex = /( |<([^>]+)>)/ig
, body = tt
, result = body.replace(regex, "");
alert(result);console.log( my_html.replace(/( |<([^>]+)>)/ig, "") );
Вот как это делает TextAngular (редактор WYSISYG). Я также обнаружил, что это наиболее последовательный ответ - NO REGEX.
@license textAngular
Author : Austin Anderson
License : 2013 MIT
Version 1.5.16
// turn html into pure text that shows visiblity
function stripHtmlToText(html)
{
var tmp = document.createElement("DIV");
tmp.innerHTML = html;
var res = tmp.textContent || tmp.innerText || '';
res.replace('\u200B', ''); // zero width space
res = res.trim();
return res;
}вы можете использовать мощную библиотеку для управления String - undrescore.string.js
_('a <a href="#">link</a>').stripTags()=> 'ссылка'
_('a <a href="#">link</a><script>alert("hello world!")</script>').stripTags()=> 'a linkalert ("привет, мир!")'
Не забудьте импортировать эту библиотеку следующим образом:
<script src="underscore.js" type="text/javascript"></script>
<script src="underscore.string.js" type="text/javascript"></script>
<script type="text/javascript"> _.mixin(_.str.exports())</script>В моей простой библиотеке JavaScript под названием FuncJS есть функция с именем «strip_tags ()», которая выполняет эту задачу за вас - без необходимости вводить какие-либо регулярные выражения.
Например, предположим, что вы хотите удалить теги из предложения - с помощью этой функции вы можете сделать это просто так:
strip_tags("This string <em>contains</em> <strong>a lot</strong> of tags!");Это произведет «Эта строка содержит много тегов!».
Для лучшего понимания прочтите документацию на GitHub FuncJS .
Кроме того, если хотите, оставьте отзыв через форму. Это было бы мне очень полезно!
strip_tags()рассказать, что делает, вместо того, чтобы просто продвигать вашу библиотеку и не объяснять ее? Ссылка объясняет использование API, но не то, что он делает .
strip_tags = function(e) { var _hasTag, _tag_string; if (!(e === void 0 || e === null || e === "")) { _tag_string = e; if (typeof _tag_string === "object") { _tag_string = _tag_string.outerHTML; } _hasTag = _tag_string.match(/(<([^>]+)>)/ig); if (_hasTag) { return trim(_tag_string.replace(/(<([^>]+)>)/ig, '')); } else { return trim(_tag_string); } } else { throw new Error("The 'strip_tags' function expects one argument in the form of a string or object."); } };
Это решение для тегов HTML, & nbsp и т. Д., И вы можете удалять и добавлять условия, чтобы получить текст без HTML, и вы можете заменить его любым.
convertHtmlToText(passHtmlBlock)
{
str = str.toString();
return str.replace(/<[^>]*(>|$)| |‌|»|«|>/g, 'ReplaceIfYouWantOtherWiseKeepItEmpty');
}Для правильного дезинфекции HTML в JS см. Http://code.google.com/p/google-caja/wiki/JsHtmlSanitizer.
<html>
<head>
<script type="text/javascript">
function striptag(){
var html = /(<([^>]+)>)/gi;
for (i=0; i < arguments.length; i++)
arguments[i].value=arguments[i].value.replace(html, "")
}
</script>
</head>
<body>
<form name="myform">
<textarea class="comment" title="comment" name=comment rows=4 cols=40></textarea><br>
<input type="button" value="Remove HTML Tags" onClick="striptag(this.form.comment)">
</form>
</body>
</html>Выбранный ответ не всегда гарантирует, что HTML-код будет удален, поскольку все еще можно создать через него недопустимую строку HTML, создав строку, подобную следующей.
"<<h1>h1>foo<<//</h1>h1/>"Этот ввод гарантирует, что при зачистке будет собран набор тегов для вас, и в результате получится:
"<h1>foo</h1>"Кроме того, текстовая функция jquery удаляет текст, не окруженный тегами.
Вот функция, которая использует jQuery, но должна быть более устойчивой в обоих случаях:
var stripHTML = function(s) {
var lastString;
do {
s = $('<div>').html(lastString = s).text();
} while(lastString !== s)
return s;
};Я делаю это практически однострочно.
Функция создает объект Range, а затем создает DocumentFragment в Range со строкой в качестве дочернего содержимого.
Затем он захватывает текст фрагмента, удаляет все «невидимые» символы / символы нулевой ширины и обрезает его от любых начальных / конечных пробелов.
Я понимаю, что этот вопрос старый, я просто подумал, что мое решение уникально, и хотел поделиться. :)
function getTextFromString(htmlString) {
return document
.createRange()
// Creates a fragment and turns the supplied string into HTML nodes
.createContextualFragment(htmlString)
// Gets the text from the fragment
.textContent
// Removes the Zero-Width Space, Zero-Width Joiner, Zero-Width No-Break Space, Left-To-Right Mark, and Right-To-Left Mark characters
.replace(/[\u200B-\u200D\uFEFF\u200E\u200F]/g, '')
// Trims off any extra space on either end of the string
.trim();
}
var cleanString = getTextFromString('<p>Hello world! I <em>love</em> <strong>JavaScript</strong>!!!</p>');
alert(cleanString);