Как гарантировано закомментировать любой кусок HTML ?

Question

[Begetan]

Добрый день хабрасообщество!

Возник интересный, и как выяснилось, нетривиальный вопрос. Необходимо вставить строки в html текст таким образом чтобы закомментировать произвольный блок с любым валидным содержанием.

Вариант 1. Пишем естественно:

<!-- 

тут наш код для отключения

-->

И сразу облом: Разрешается внутрь комментария добавлять другие теги, вложенные комментарии (когда один комментарий расположен внутри другого) не допустимы.

Наш комментарий разрывается любым вложенным комментарием ( проверьте сами)!

Далее я нашел замечательный тег

<comment> </comment>

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

Последняя идея была такой:

<script type="text/javascript"> /*

тут наш код для отключения

*/ </script>

Почти то что надо… до первого вложенного скрипта! Если внутри окажется то после закрывающего тега все оказывается раскомментированным.

А какой способ знаете вы?

Comments

[Fr3nzy]

А если сделать подобное?

<script>
<![CDATA[
</script>
]]>
</script>

?

[Сергей Савостин]

А почему именно html надо закомментировать? Это не php (другой серверный язык)?
Т.е. сервером отдается чистый html? Сам закомментированный текст на клиенте нужен?

[Begetan]

![CDATA[ проверил, не работает. Тег /скрипт вышибает его. Хотя по описанию должен работать.

Закомментировать нужно блок, который прогоняет прокси. Трюк <?php ?> не годится.

[Сергей Савостин]

Закомментировать нужно блок, который прогоняет прокси.

Простите что пристаю, но имхо возможно таки решить вопрос до отдачи его браузеру. Имхо универсального решения на чистом HTML нет. Можно подробнее: от стороннего (как я понимаю) HTML до браузера клиента нет ничего Вашего? Фильтр типа баннерорезалки на прокси — нет? Кто и как обрамляет комментируемый текст? Повторюсь — «Закомментированный текст на клиенте нужен?»

[Begetan]

Есть прокси, который может произвести замену в строке.
Можно заменить код

<!-- Begin div footer --> 

на предложенный код

<div style='display:none'>

Это работает. Какие либо манипуляции с файлами или серверными скриптами — невозможны.

Закрытый код на клиенте не нужен.

[Сергей Савостин]

Ок, приблизительно понял. А в тексте между

<!-- Begin div footer -->

и второй частью (т.е. в тексте, который надо закомментировать) что-то менять можете?
Если да, то берете свой вариант с

<script>

(кстати style работает лучше) и заменяете внутри комментируемого блока script на скажем scr, и должно заработать. В случае с style думаю понятно, что на что менять…

[Begetan]

Проблема в том что комментарий отбивающий начало и конец уникальные, я легко нахожу и заменяю их на команду закрытия и открытия простым построчным поиском. А вот то что внутри комментария может быть не уникальным. К сожалению (а может быть к счастью) модуль замены работает построчно, поэтому я не могу различить внутренность блока и внеший код. Таким образом, переделка тега

</script><pre>в тег <pre></script>

технически возможна, но неприемлема, т.к. заменяются все теги, нужные и нет.

[powder96]

А можно разорвать тег, а обрывки потом конкатенировать. Вот так:

<script>
document.write('<scr' + 'ipt>...</scr' + 'ipt>'); // пример
</script>

Answer 1

[Анатолий]

Я бы посоветовал вырезать нужный кусок кода и вставить в другой файл с таким же названием.back
плюсы:
— выбранный блок 100% не виден
— выбранный блок не грузит трафик пользователей
— выбранный блок всегда под рукой если будет нужен в дальнейшем

минусы — нужен еще один файл.

Comments

[Reinmand Trial]

Вообще, орнул, отличный ответ)

Answer 2

[Gibbzy]

<?php /*
комментарий
*/?>

ну как вариант )

Answer 3

[Сергей]

комментарий

Не знаю даже, озадачился вопросом =)

Comments

[Сергей]

блин, хабр срезал хтмл теги. див стайл=«дисплей: нан»
а то, что коментим, между дивами.

Написал по русски, надеюсь теперь пройдет и будет понятно.

[Сергей Савостин]

<div style='display:none'><script>alert('Hello!');</script></div>

[Begetan]

display:none работает, кроме очевидной ситуации когда вылезает лишний

</div>

Воспользовался советом, но поиски волшебной универсальной команды продолжаю. Кроме того, display:none может быть опасен на живых сайтах работающих с поисковиками. Этот блок придется дополнительно оборачивать для указания поисковикам выключать индексирование.

[Сергей Савостин]

кроме очевидной ситуации когда вылезает лишний

</div>

У Вас по условию содержание валидное ;-)

[Begetan]

Да, про валидность я отметил, поэтому и воспользовался.

Answer 4

[MT]

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

Comments

[AlexanderShustik]

Обоснуйте, невдамек

Answer 5

[sainnr]

Если такой вариант подойдет, то можно добавить теги script:

<script> 
/* разметка */ 
// или так
</script>

Comments

[sainnr]

ПРошу прощения, не внимательно прочитал пост…

Answer 6

[Nodge]

Пока вижу единственный вариант: jsfiddle.net/6Xr2w/1/

1. Комментировать внутри script однострочными комментариями
2. У вложенных тегов </script> заменять скобки на &lt; и &gt;
3. Скрипт первого уровня оборачивать в <![CDATA[...]]>, для валидности =)

Comments

[Nodge]

Однако, если уж производить замену у вложенных тегов, то проще заменить все вложенные --> на --

Answer 7

[barsu4ok]

друзья, так всё-таки как?

<?php /*
комментарий
*/?> не работает

первые варианты тоже

с display:none — вообще риск

Comments

[denis_druid]

<?php /*
комментарий
*/ ?>
хз, всё работает у меня )) извините за старую тему, искал ответ тоже )

[Gitley]

denis_druid, Они возможно html в php переименовать забыли... я раз долго бился «об стол», пока понял)))

Answer 8

[Gitley]

<!-- Коммент ВРЕМЕННЫЙ

<! Коммент постоянный 1 >
<div class="a">
	<p>Lorem ipsum dolor sit, amet.</p>
</div>

<! Коммент постоянный 2 >
<div class="b">
	<p>Lorem ipsum dolor sit amet.</p>
</div>	

<! Коммент постоянный N >
<div class="c">
	<p>Lorem ipsum dolor sit amet.</p>
</div>	
 
 -->

Вот нагуглил. Я начал только, в смысле новичок, поэтому не проверял во всех браузерах, только в Хроме. Не знаю пройдут ли такие комменты валидацию, потому что про валидацию слышал, но не гуглил;) Но сублимовская подсветка синтаксиса подобные комменты даже адекватно отображает.

Answer 9

[skulyk]

вообще то

<!-- [
code
] -->