JQuery отображать блок сценария как HTML в текстовой области

Question

Я хочу, чтобы код ссылки на скрипт отображался в текстовой области, чтобы пользователь мог его скопировать.

<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.5.1.min.js"/>

Я использую jquery и пробовал использовать много решений, найденных в Stackoverflow или где-либо еще, но ни одногоиз них работает для меня.Вот фрагмент моего кода:

var jqueryMin = $('<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.5.1.min.js"/>');
var readyHtml = $('<div>').append($(jqueryMin).clone()).html();
$('#headerHtml').text(readyHtml);

readyHtml - пустая строка, хотя она работает, когда я клонировал другой HTML-код, который не является блоком скрипта.

Answer 1

Самый простой способ сделать то, что вы пытаетесь сделать, это, вероятно, что-то вроде этого:

var myCode = '<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.5.1.min.js"/>';
myCode = myCode.replace('<', '&lt;').replace('>', '&gt;');
$('#headerHtml').html('<div>'+myCode+'</div>');

Полностью заменяя скобки, вы представляете его в виде обычного текста для любого браузера.Однако при его просмотре код будет отображаться так, как задумано, и копирование / вставка будет работать должным образом.

Answer 2

Вы определили jqueryMin как объект - определите его как строку.

var jqueryMin = '<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.5.1.min.js"/>';
$('#headerHtml').html('<div>'+jqueryMin+'</div>');