Перейти к содержимому



Как вставить пример html кода на страницу?

#1 Megoydagi
Megoydagi
  • Пользователь
  • 448 сообщений
  • Репутация: 50
0

Обновлено 24 сентября 2019 - 17:46  Отправлено 21 сентября 2019 - 11:06

Чтобы браузер не обработал код, и посетитель увидел его. Теги code и pre не срабатывают...

 

 

  • 0

#2 Андрей WPM
Андрей WPM
  • Модератор
  • 973 сообщений
  • Репутация: 146

Отправлено 21 сентября 2019 - 11:15

@Megoydagi, в смысле не срабатывают? Может они просто никак не стилизованы у тебя? Поэтому от основного текста не отличаются? Ещё бывает движки апострофы принимают, попробуй вот так: `code` буква Ё на клавиатуре в английской раскладке.


  • 0

Промокоды для вебмастеров (скидки от 1 до 15%). | Оптимизацией временно не занимаюсь!



#3 MattCutts
MattCutts
  • Пользователь
  • 463 сообщений
  • Репутация: 37

Отправлено 21 сентября 2019 - 11:16

в сети полно библиотек если погуглить так Syntax Highlighter

тебе реализация на чем нужна: php, js?

вот например

Внимание
Чтобы увидеть этот текст Вам необходимо авторизоваться


  • 0

#4 Megoydagi
Megoydagi
    Topic Starter
  • Пользователь
  • 448 сообщений
  • Репутация: 50

Отправлено 21 сентября 2019 - 11:26

@MattCutts, у меня обычный редактор. Как и тут на форуме.
Приходится делать через lt; gt;
Но это ппц как неудобно.
@Андрей WPM, стилизированы, но сам код внутри этих тегов срабатывает.
@Андрей WPM, через ковычки эти тоже пробовал. Все равно код срабатывает.
Если пишу к примеру `div class и тд`
То в итоге вижу этот блок просто обернутый в эти ковычки
Купил кучу уникальный статей по обучению html css и тут такая засада(((
  • 0

#5 MattCutts
MattCutts
  • Пользователь
  • 463 сообщений
  • Репутация: 37

Отправлено 21 сентября 2019 - 11:27

так что ты хочешь?


  • 0

#6 Андрей WPM
Андрей WPM
  • Модератор
  • 973 сообщений
  • Репутация: 146

Отправлено 21 сентября 2019 - 12:50

@Megoydagi, у меня в браузере всё нормально отображается. Единственное, тег code не нужно в тег pre помещать. 

 

Code - предназначен для выделение всего одной строки кода.

Pre - предназначен для выделение нескольких строк кода.

 

Вместе, как сейчас, у тебя используется, не нужно делать.


  • 0

Промокоды для вебмастеров (скидки от 1 до 15%). | Оптимизацией временно не занимаюсь!



#7 legira
legira
  • Пользователь
  • 1 сообщений
  • Репутация: 0

Отправлено 22 сентября 2019 - 00:36

Нужно использовать lt; и gt; Например тег br будет выглядеть так: <br>

Конечно  это неудобно. Посмотрите плагины, которые встраивают специальный блок -вы вводите код, а плагин проставляет теги. 


Сообщение отредактировал BLIK: 22 сентября 2019 - 00:49
удалил рекламу

  • 0

#8 Megoydagi
Megoydagi
    Topic Starter
  • Пользователь
  • 448 сообщений
  • Репутация: 50

Отправлено 22 сентября 2019 - 07:27

Я уже решил проблему. Оказывается так и надо вместо каждых символов <> вставлять лт и гт. Но это реально сложно. Решение нашёл в инструменте html escape, вставляешь в него html код и он сам автоматически заменяет все нужные символы. Уже работаю над тем, чтобы этот инструмент был у меня на сайте тоже
  • 0

#9 TimurR
TimurR
  • Пользователь PRO
  • 1 163 сообщений
  • Репутация: 288

Отправлено 24 сентября 2019 - 17:46

@Megoydagi, возьми на заметку сайт http://htmlbook.ru/html/code


  • 1

Мощный и недорогой хостинг - IHC

Пользователи в игнор листе: MattCutts 



robot
robot
  • Пользователь PRO
  • 2 652 сообщений
  • Репутация: 85


Похожие темы
  Название темы Автор Статистика Последнее сообщение

Пользователь месяца
albedo albedo 1-й за Май
Очков активности: 198 5 тем, 29 сообщений, 3 балла репутации
Сайт: online24news.ru
ТОП самых активных за этот месяц
  • Фотография NewBlade
    #1

    NewBlade
    Очков активности: 6 1 тема, 1 сообщение, 1 балл репутации

  • Фотография NataliaAntalia
    #2

    NataliaAntalia (zdorovemedicina.ru)
    Очков активности: 1.5 0 тем, 1 сообщение, 1 балл репутации

  • Фотография albedo
    #3

    albedo (online24news.ru)
    Очков активности: 1.5 Вне конкурса за определение пользователя месяца

  • Фотография FIvYUr
    #4

    FIvYUr (moy-evroopt.ru)
    Очков активности: 1.5 0 тем, 1 сообщение, 1 балл репутации

  • Фотография agrx
    #5

    agrx (key-assort.ru)
    Очков активности: 1.5 0 тем, 1 сообщение, 1 балл репутации

  • Фотография getsend
    #6

    getsend
    Очков активности: 1.5 0 тем, 1 сообщение, 1 балл репутации

  • Фотография Bukvarix
    #7

    Bukvarix
    Очков активности: 1.5 0 тем, 1 сообщение, 1 балл репутации

  • Фотография HOST-I7U
    #8

    HOST-I7U (host-i7u.com)
    Очков активности: 1.5 0 тем, 1 сообщение, 1 балл репутации

  • Фотография nuaru
    #9

    nuaru
    Очков активности: 1.5 0 тем, 1 сообщение, 1 балл репутации

  • Фотография gakrus1
    #10

    gakrus1
    Очков активности: 1.5 0 тем, 1 сообщение, 1 балл репутации

  • Показать весь ТОП 10

Поддержите форум! =)
Топ 5 участников по репутации

Оформление форума – IPBSkins.ru