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



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

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

Отправлено 21 Сентябрь 2019 - 11:06

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

 

 

  • 0

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

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

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


  • 0


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

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

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

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

вот например

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


  • 0

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

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

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

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

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

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


  • 0

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

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

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

 

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

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

 

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


  • 0


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

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

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

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


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

  • 0

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

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

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

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

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

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


  • 1

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



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


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

Пользователь месяца
BLIK BLIK 1-й за Ноябрь
Очков активности: 672 0 тем, 32 сообщения, 14 баллов репутации
ТОП самых активных за этот месяц
  • Фотография BLIK
    #1

    BLIK
    Очков активности: 63 Вне конкурса за определение пользователя месяца

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

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

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

    kolver
    Очков активности: 15 1 тема, 7 сообщений, 1 балл репутации

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

    Victim
    Очков активности: 15 0 тем, 5 сообщений, 2 балла репутации

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

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

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

    HITMAN84
    Очков активности: 7.5 1 тема, 2 сообщения, 1 балл репутации

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

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

  • Фотография Vmir
    #8

    Vmir
    Очков активности: 6 0 тем, 2 сообщения, 2 балла репутации

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

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

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

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

  • Показать весь ТОП 10
Поддержите форум! =)
Апдейты
  • Яндекс ИКС: 29.11.2019
  • Яндекс выдача: 04.12.2019
Топ 5 участников по репутации

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