Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Вставка HTML кода символа (https://javascript.ru/forum/misc/43630-vstavka-html-koda-simvola.html)

mr.bl 14.12.2013 20:44

Вставка HTML кода символа
 
Есть
<textarea id="test"></textarea>

Нужно туда вставить текст содержащий html коды символов, так что бы браузер отображал не символы, а код.

Пытался сделать так:
document.getElementById('test').innerHTML = "&lt;div&gt;";
Но получаю в textarea <div>, вместо нужного мне &lt;div&gt;

Faab 14.12.2013 21:08

HTML Entity

<!DOCTYPE HTML>
<html>
<head>
  <meta charset="UTF-8">
  <title>Interval</title>
  <script src="http://code.jquery.com/jquery-latest.min.js"></script>
  <script>
    window.onload = function(){
      function htmlentities(s){	// Convert all applicable characters to HTML entities
        	// 
        	// +   original by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)
        
        	var div = document.createElement('div');
        	var text = document.createTextNode(s);
        	div.appendChild(text);
        	return div.innerHTML;
        }
      var eTextarea = document.getElementById('eTextarea');
      var sContent = htmlentities('</div>');
      
      eTextarea.appendChild(document.createTextNode(sContent));

      
    };
  </script>
</head>
<body>

  <textarea id="eTextarea"></textarea>
</body>
</html>

ksa 14.12.2013 21:10

Цитата:

Сообщение от mr.bl (Сообщение 286620)
Есть
<textarea id="test"></textarea>

Нужно туда вставить текст содержащий html коды символов, так что бы браузер отображал не символы, а код.

Пытался сделать так:
document.getElementById('test').innerHTML = "&lt;div&gt;";
Но получаю в textarea <div>, вместо нужного мне &lt;div&gt;

Дык!

<textarea id="test"></textarea>
<script type="text/javascript">
document.getElementById('test').value = "&lt;div&gt;";
</script>

mr.bl 14.12.2013 21:16

ksa,
Спасибо, помогло! :)


Часовой пояс GMT +3, время: 07:13.