Вывод исходников документа в сам документ

@phpk · Регистрация: 15.05.2013

Как с помощью рег-го выражения вывести код, допустим текущей страницы в блок?
Т.е. нужно вывести просто как текст весь код html-страницы, записать допустим в тег div и вывести на экран

Добавлено через 26 минут
кстати не обязательно с помощью рег. выражений. Главное вывести код страницы в блок.
А если просто взять скопировать и записать код с html-тегами в новый блок, то в этом новом блоке страница будет повторяться визуально, а нужно только показать код

Добавлено через 1 минуту
нужно что-то типа такого
<code>код всей страницы</code>

Добавлено через 2 часа 45 минут
У кого какие идеи?

Добавлено через 3 минуты
делаю так:

Javascript

var text=$(document.body).html(),
        reg=/(<)(\/?\w+?)(>)/ig,
        br=/\n|\n\r/;
    var res=text.replace(reg,'&lt;$2&gt;');
$('.block').html(res);

но код почему-то не все скобки заменяет

Добавлено через 46 минут
я так понял регулярка должна быть примерно такой?

Javascript

1	reg=/(\<)(\/?.*?)(\>)/ig,

@Sergey Yermak · 25.05.2016, 19:19

Код страницы можно взять так:

Javascript

1	document.documentElement.outerHTML;

Только будет без DOCTYPE
В браузерах новее чем IE9 весь HTML можно взять так:

Javascript

1	new XMLSerializer().serializeToString(document);

@phpk · 25.05.2016, 19:30 **[ТС]**

Сообщение от Sergey Yermak

Код страницы можно взять так:

Сообщение от Sergey Yermak

Только будет без DOCTYPE
В браузерах новее чем IE9 весь HTML можно взять так:

меня интересует не взятие html-кода, это я уже показал выше, с помощью jquery.
Интересует вывод этого кода в доступной форме в блок

@Sergey Yermak · 25.05.2016, 19:39

Да, просмотрел)
В блок можно вставить например так:

Javascript

1 2	var elem = $('<div></div>'); elem.text(new XMLSerializer().serializeToString(document));

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

@phpk · 25.05.2016, 20:04 **[ТС]**

Сообщение от Sergey Yermak

var elem = $('<div></div>'); elem.text(new XMLSerializer().serializeToString(document));

код работает, но если вставить тег <pre> перед new XMLSerializer().serializeToString(document)
то браузер начинает как-то глючить

Добавлено через 1 минуту

Javascript

1	'<pre>'+new XMLSerializer().serializeToString(document)+'</pre>'

версия браузера новая

Добавлено через 13 минут
а на русском в двух словах можете обьяснить, что делает XMLSerializer() ?

@Sergey Yermak · 25.05.2016, 20:21

Он служит для преобразования элементов к строковому виду, метод serializeToString как раз это делает

Добавлено через 11 минут

Javascript

1	'<pre>'+new XMLSerializer().serializeToString(document)+'</pre>'

Так думаю лучше не делать, строки из XMLSerializer все равно преобразуются в элементы, знаю можно jQuery функцию text использовать, как в моем примере выше

@kalabuni · 25.05.2016, 20:41

phpk, используйте два подряд метода replace () -- сначала замените все <, затем все >

@phpk · 25.05.2016, 20:54 **[ТС]**

Сообщение от kalabuni

phpk, используйте два подряд метода replace () -- сначала замените все <, затем все >

благодарю за совет, но хотел узнать, а разве нельзя так, как я привёл пример выше одним вызовом replace?

Javascript

1 2	reg=/(\<)(\/?.*?)(\>)/ig var res=text.replace(reg,'<$2>');

@kalabuni · 25.05.2016, 21:14

Сообщение от phpk

хотел узнать, а разве нельзя так, как я привёл пример выше одним вызовом replace?

можно, наверно, но зачем, если есть решение проще?

@phpk 27 / 41 / 13 Регистрация: 15.05.2013 Сообщений: 1,313
	25.05.2016, 19:30 [ТС]	3
	Сообщение от Sergey Yermak Код страницы можно взять так: Сообщение от Sergey Yermak Только будет без DOCTYPE В браузерах новее чем IE9 весь HTML можно взять так: меня интересует не взятие html-кода, это я уже показал выше, с помощью jquery. Интересует вывод этого кода в доступной форме в блок 0

@kalabuni супермизантроп 3935 / 2974 / 691 Регистрация: 18.04.2012 Сообщений: 8,623
	25.05.2016, 20:41	7
	phpk, используйте два подряд метода replace () -- сначала замените все <, затем все > 1

@kalabuni супермизантроп 3935 / 2974 / 691 Регистрация: 18.04.2012 Сообщений: 8,623
	25.05.2016, 21:14	9
	Сообщение от phpk хотел узнать, а разве нельзя так, как я привёл пример выше одним вызовом replace? можно, наверно, но зачем, если есть решение проще? 0

Опции темы