Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Как вывести на сайте тэги?Показать содержимое стра 
:(
    Опции темы
vlad275
Дата 22.8.2008, 19:15 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 485
Регистрация: 20.3.2008

Репутация: нет
Всего: -3



Как можно вывести в браузере содержимое веб-страницы, так чтобы были видны тэги?
Что-то вроде 
<NOHTML>
<i>Эти тэги мы видим</i>
</NOHTML>
<i>А здесь мы тэги не видим</i>


--------------------
Кто, как и зачем запустил этот механизм уничтожения России:
http://rutube.ru/tracks/54915.html?v=e74a9...c7e5d24da5656d8
PM MAIL   Вверх
bars80080
Дата 22.8.2008, 20:33 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315



все специальные символы можно изобразить с помощью их кодов:
Код

<b>dfs</b><br />
&#60 ;b&#62 ;dfs&#60 ;/b&#62 ;
запусти в браузере

Добавлено через 51 секунду
только сотри пробелы перед точками с запятой

Это сообщение отредактировал(а) bars80080 - 22.8.2008, 20:33
PM MAIL WWW   Вверх
K1ng
Дата 22.8.2008, 22:01 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 76
Регистрация: 7.8.2008
Где: Украина -> Хар ьков

Репутация: нет
Всего: нет



Код

<pre><i>Эти тэги мы видим</i></pre>


Только учтите, что выводится моноширинным шрифтом. Поменяйте по средствам CSS и все будет как надо...

Добавлено через 2 минуты
Это как альтернатива более валидному способу, который предложил bars80080...

Это сообщение отредактировал(а) K1ng - 22.8.2008, 22:02
PM MAIL WWW ICQ   Вверх
bars80080
Дата 22.8.2008, 23:08 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315



K1ng, вот первое о чём подумал, так о <pre>, но вот эта штука у меня отображается в ИЕ6 и ФФ3 жирным шрифтом, а не тэгами:
Код

<pre>
<b>qwe</b>
</pre>
думал обознался. в чём тут фишка?
PM MAIL WWW   Вверх
K1ng
Дата 23.8.2008, 00:12 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 76
Регистрация: 7.8.2008
Где: Украина -> Хар ьков

Репутация: нет
Всего: нет



Точно, сильно извиняюсь...
Исключения в студию. <pre> и </pre> могут вмещать в себя любые символы и выводят их без всякой редактировки за исключением трех отдельных символов которые нужно записывать как:

"&lt;" для символа меньше "<"
"&gt;" для символа больше ">"
"&amp;" для амперсанда "&"

Пример: '&lt;b&gt; &lt;/b&gt;'
Будут отображать в любом броузере как '<b> </b>'

И опять же, не забываем про моноширинный шрифт и множество нюансов, что при желании их можно поправить:
Код

pre {
font-family:serif; /* Чтобы имел предпочитаемый шрифт */
font-size:100%; /* Чтобы объект отображался не больше не меньше чем родительский элемент */
display:inline; /* Чтобы объект отображался как строчный элемент */
}


Это сообщение отредактировал(а) K1ng - 23.8.2008, 00:22
PM MAIL WWW ICQ   Вверх
vlad275
Дата 23.8.2008, 18:24 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 485
Регистрация: 20.3.2008

Репутация: нет
Всего: -3



Хочется просто показать внутренности веб-странички без замены "<" и ">" на &lt и &gt .
Думаю сделать фрейм, а в нем отобразить source.txt


--------------------
Кто, как и зачем запустил этот механизм уничтожения России:
http://rutube.ru/tracks/54915.html?v=e74a9...c7e5d24da5656d8
PM MAIL   Вверх
K1ng
Дата 23.8.2008, 19:05 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 76
Регистрация: 7.8.2008
Где: Украина -> Хар ьков

Репутация: нет
Всего: нет



Цитата(vlad275 @ 23.8.2008,  18:24)
Хочется просто показать внутренности веб-странички без замены "<" и ">" на &lt и &gt .
Думаю сделать фрейм, а в нем отобразить source.txt


Во-первых не "&lt и &gt", а "&lt; и &gt;"! А во-вторых без замены этих символов не получится! Если слишком много тегов которые нужно заменить используйте фильтр, по типу...
Код

<script type="text/JavaScript"> // <![CDATA[
/* Это лучше всего поместить между тегами <head> и </head>, хотя принципиальной разницы нет, просто чтобы под ногами не путался... Можно и в отдельный импортируемый файл! */


function RFtextEDIT( x1, x2, x3 ) {
var separator11 = ";"
s5 = new Array()
while (true) {
 if ( x2.indexOf(separator11) >= 0 ) {
  var s1 = x2.slice(0, x2.indexOf(separator11))
  var s2 = x2.slice(x2.indexOf(separator11) + separator11.length)
  var x2 = s2
  s5.push(s1.toString())
  if ( x2.indexOf(separator11) < 0 ) { s5.push(s2.toString()) }}
 else {
if ( s5[0] != undefined ) { break }
else {
s5[0] = x2
break }}}
for (s3 = 0; s3 <= s5.length; s3++) {
var s4 = s5[s3]
 if ( x1.indexOf(s4) >= 0 ) {
  while ( true ) {
   if ( x1.indexOf(s4) >= 0 ) {
    var s1 = x1.slice(0, x1.indexOf(s4))
    var s2 = x1.slice(x1.indexOf(s4) + s4.length)
    var s0 = s1 + x3 + s2
    var x1 = s0 }
   else { break }}}
else { var s0 = x1 }}
document.write(s0) }

// ]]>
</script>

Код

<script type="text/JavaScript"> /* <![CDATA[ */  /* В любой части тега <body> */ RFtextEDIT(RFtextEDIT(RFtextEDIT('МОЖНО ПИСАТЬ ЛЮБЫЕ ТЕГИ ТУТ!!!!!!!',"<","&lt;"),">","&gt;"),"&","&amp;") /* ]]> */ </script>


Протэстил на опере и IE6, все ОК! Кому не лень можете тестить на остальных браузерах, думаю все будет пахать!
P.S. В вышеприведенных кодах изменять можно только ОДНУ ЧАСТЬ строки - 'МОЖНО ПИСАТЬ ЛЮБЫЕ ТЕГИ ТУТ!!!!!!!'! Это можно стереть и записать, к примеру - '<b>Эти теги видны</b>'. При том все это абсолютно валидно (я проверяю по XHTML 1.0).

Проблема в том, что я не могу решить вопрос с "многострочным кодом". Переход на другую строку как-то кавычки сбивают что-ли... Может у кого-то есть вариант как эту беду решить? На сей момент правильно и валидно отобразит любой код без кнопки "Enter"!

Это сообщение отредактировал(а) K1ng - 24.8.2008, 00:13
PM MAIL WWW ICQ   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0491 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.