0

Как с помощью JS, или JQuery можно отобразить в теге <pre> тег и содержимое тега <script id="js"> в виде форматированного текста? Желательно без костылей вида replace(/</g,'&lt;')

<pre></pre>
<script id="js"> var x=y; </script>

примерно так

$("pre").html($("#js").clone()); 

2 ответа 2

3

Что бы отобразить содержимое, надо отобразить содержимое.

output.textContent = test.outerHTML;
Output:
<pre id="output"></pre>
<script id="test">
  var x = 0;
  x++;
  console.log(123); // To be sure that this script runs once
</script>

1
  • Скрипт всегда "runs once", надо в нём html-кода бояться. Впрочем, у этом ответе всё верно.
    – Qwertiy
    9 янв 2019 в 8:45
3

UPD. после комментария:

Пример на codepen, если так удобнее: ссылка

var elem = document.getElementById('script').outerHTML;
var pre = document.getElementById('pre');
pre.textContent = elem;
<pre id="pre"></pre>
<script id="script">
  function HelloWorld() {
    alert('Hello world!');
  }
</script>

5
  • Я там немного отредактировал вопрос, вот примерно так но с тегом script и его атрибутами. При это очень желательно не оборачивая его в другой тег
    – Nsk
    9 янв 2019 в 8:14
  • @Nsk, Обновил решение.
    – meine
    9 янв 2019 в 8:38
  • Первый вариант - вообще жуть - там же теги могут быть. Нафига использовать innerHTML?
    – Qwertiy
    9 янв 2019 в 8:43
  • @Qwertiy, да, Вы правы, потерялся просто.
    – meine
    9 янв 2019 в 8:46
  • 1
    Мог бы просто pre.innerHTML заменить на pre.textContent в нём.
    – Qwertiy
    9 янв 2019 в 8:47

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

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