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



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

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

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

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

 

 

  • 0

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

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

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


  • 0


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

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

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

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

вот например

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


  • 0

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

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

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

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

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

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


  • 0

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

Отправлено 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
  • Пользователь
  • 215 сообщений
  • Репутация: 21

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

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

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

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

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


  • 1

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



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


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

Пользователь месяца
MattCutts MattCutts 1-й за Сентябрь
Очков активности: 1 407 8 тем, 110 сообщений, 7 баллов репутации
Сайт: dmitrylee.ru
ТОП самых активных за этот месяц
  • Фотография Андрей WPM
    #1

    Андрей WPM (wpmaster.kz)
    Очков активности: 486 Вне конкурса за определение пользователя месяца

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

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

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

    NataliaAntalia
    Очков активности: 210 0 тем, 35 сообщений, 4 балла репутации

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

    ShowPrint (ShowPrint.ru)
    Очков активности: 162 1 тема, 15 сообщений, 6 баллов репутации

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

    TimurR
    Очков активности: 76.5 2 темы, 11 сообщений, 3 балла репутации

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

    Rexxar
    Очков активности: 48 0 тем, 32 сообщения, 1 балл репутации

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

    Megoydagi (24ho.ru)
    Очков активности: 37.5 3 темы, 16 сообщений, 1 балл репутации

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

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

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

    lena220678
    Очков активности: 21 0 тем, 14 сообщений, 1 балл репутации

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

    Zevss (domles43.ru)
    Очков активности: 19.5 3 темы, 4 сообщения, 1 балл репутации

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

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