Escaping/Unescaping html в javascript?

Question

Есть много ответов на вопросы о stackoverflow об escaping/unescaping html из js. Но мне трудно понять, потому что это не соответствует моему контексту. У меня есть «сообщение» переменная, которая имеет эту строку:

message="<a href="www.google.com">Google</a>" 

Я отображающее это сообщение в файле JS с помощью «this.message». Вместо того, чтобы видеть гиперссылкой «Google», я могу буквально видеть всю строку:

<a href="www.google.com">Google</a> 

Если я осмотреть элемент, я могу видеть, что эта строка переводится на:

<a href="www.google.com">Google;<&gt 

Как я получить гиперссылку Google? Мне нужно бежать/unescape? Как?

код для отображения сообщений:

$.each(mdn.notifications || [], function() { 
      $('<div class="notification">' + this.message + '</div>')[insertLocation.method](insertLocation.selector); 
     }); 

Answer 1

Добавить HTML форматирование в шаблоне Django, как это:

{% if messages %}notifications: [ 
       {% for message in messages %}{% if 'wiki_redirect' not in message.tags or waffle.flag('redirect_messages') %}{message: "<div class='my-message'>{{ message }}</div>", tags: "{{ message.tags }}", level: "{{ message|level_tag }}"}{% if not loop.last %},{% endif %}{% endif %} 
       {% endfor %} 
      ], 
      {% else %} 
      notifications: [], 
      {% endif %} 

Или вы можете добавить HTML форматирование в Клиентский JavaScript, как это:

$.each(mdn.notifications || [], function() { 
      // Make it so 
      $('<div class="notification ' + this.level + ' ' + this.tags + '" data-level="' + this.level + '"><div class="my-message">' + this.message + '</div></div>')[insertLocation.method](insertLocation.selector); 
     });