Как добавить тег script / JS в textarea как текст (не выполнимо)

Question

Как мне распечатать HTML-теги / javascript в виде текста в текстовой области?(невыполнимо)

Я пытался добавить теги JS / script, но, похоже, он не добавляется как текст (= ничего не показывает в текстовой области)

Jquery

  $('#textarea').append('' +
    '<script type="text/javascript">' +
        'adf.Params.PageName = encodeURIComponent("[hello]");' +
        'adf.Params.Divider = encodeURIComponent("|");' +
    '</script>' +
  '');

HTML

<textarea rows="12" cols="50" name="textarea" id="textarea"></textarea>

JSFiddle здесь

Answer 1

Кажется, есть проблема, связанная с тегами скрипта. Одним из вариантов является кодирование символа < в тегах сценария открытия и закрытия, чтобы они не оценивались как фактические теги.

var text = '<script type="text/javascript">\n\t' +
  'adf.Params.PageName = encodeURIComponent("[hello]");\n\t' +
  'adf.Params.Divider = encodeURIComponent("|");\n' +
  '</script>';

$('#textarea').append(text);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<textarea rows="12" cols="50" name="textarea" id="textarea"></textarea>