0

Я получаю код из html (напр.: a > b) и хочу проверить его на правильность.

Проблема в том, что когда я получаю innerHTML у элемента, то, например, символ > превращается в &gt.

Я мог бы решить проблему простым перебором всех спец. символов html и заменой на обычные символы, но это было бы очень долгим решением.

Есть ли какой-либо метод js, который преобразует специальные html-символы в обычные? Я не хочу изобретать колесо.

6
  • Модет проще получать innerText? developer.mozilla.org/en-US/docs/Web/API/HTMLElement/innerText
    – Alexey Ten
    7 сен 2019 в 10:33
  • @AlexeyTen innerText не возвращает переносы строки(если только <br>, что неудобно)
    – CppCat
    7 сен 2019 в 10:35
  • Ну ещё есть textContent
    – Alexey Ten
    7 сен 2019 в 10:36
  • @AlexeyTen вы уверены, что textContent корректно отобразит?
    – CppCat
    7 сен 2019 в 10:37
  • Проверьте, это несложно
    – Alexey Ten
    7 сен 2019 в 10:38

1 ответ 1

1

jQuery

Для пробы вставьте это, например:

$(&#8216;form&#8217;).submit(function() {
  var theString = $(&#8216;#string&#8217;).val();
  var varTitle = $(&#8216;<textarea></textarea>&#8216;).html(theString).text();
  $(&#8216;#output&#8217;).text(varTitle);
  return false;
});

$('form').submit(function() {
  var theString = $('#string').val();
  var varTitle = $('<textarea />').html(theString).text();
  $('#output').text(varTitle);
  return false;
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form action="#" method="post">
  <fieldset>
    <label for="string">Ввведите сущности</label>
    <input type="text" name="string" id="string" />
  </fieldset>
  <fieldset>
    <input type="submit" value="decode" />
  </fieldset>
</form>

<div id="output"></div>

function unescape(some) {
    return some
         .replace(/&lt;/g, "<")
         .replace(/&gt;/g, ">") 
// и т.д.        
 }

Просто js

var decodeEntities = (function() {
  // this prevents any overhead from creating the object each time
  var element = document.createElement('div');

  function decodeHTMLEntities (str) {
    if(str && typeof str === 'string') {
      // strip script/html tags
      str = str.replace(/<script[^>]*>([\S\s]*?)<\/script>/gmi, '');
      str = str.replace(/<\/?\w(?:[^"'>]|"[^"]*"|'[^']*')*>/gmi, '');
      element.innerHTML = str;
      str = element.textContent;
      element.textContent = '';
    }

    return str;
  }

  return decodeHTMLEntities;
})();
6
  • Вы перебираете символы, а мне нужен какой-либо системный js метод, который сам всё это делает; представьте сколько символов придется перебрать если делать расчет на то, что нужно перебрать все спец. символы
    – CppCat
    7 сен 2019 в 9:26
  • Ну или уже готовый метод, включающий все спец. символы
    – CppCat
    7 сен 2019 в 9:26
  • Думаю, что это кто-то уже делал до меня
    – CppCat
    7 сен 2019 в 9:28
  • Не проще ли преобразовывать сразу, когда получаете innerHTML? В общем, далее тема понятна - немного доточите под себя по аналогии.
    – Coder
    7 сен 2019 в 9:40
  • я и получаю innerHTML и тоже перебираю символы, но мне лень перебирать все спец. символы , которые есть в html (а в строке могут быть они все); при этом мне нужно оставить переносы строки, что и делает innerHTML ; я знаю, что можно сделать то, что я хочу с помощью свойства innerText, но в нем , чтобы поставить перенос строки, нужно ставить <br>, что не удобно для пользователя.
    – CppCat
    7 сен 2019 в 9:44

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.