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


Пользователь месяца
TimurR TimurR 1-й за Август
Очков активности: 726 3 темы, 35 сообщений, 11 баллов репутации
ТОП самых активных за этот месяц
  • Фотография ShowPrint
    #1

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

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

    Ixman (o5cat.ru)
    Очков активности: 105 0 тем, 10 сообщений, 7 баллов репутации

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

    WGN (worldgamenews.com)
    Очков активности: 81 Вне конкурса за определение пользователя месяца

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

    magnet (rbfxdirect.com)
    Очков активности: 67.5 Вне конкурса за определение пользователя месяца

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

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

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

    AnnaYa (topbase.ru)
    Очков активности: 33 2 темы, 5 сообщений, 2 балла репутации

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

    Developer
    Очков активности: 33 2 темы, 16 сообщений, 1 балл репутации

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

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

  • Фотография Алексей111
    #9

    Алексей111
    Очков активности: 28.5 5 тем, 4 сообщения, 1 балл репутации

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

    fedornabilkin (zaka4ano.ru)
    Очков активности: 24 0 тем, 4 сообщения, 4 балла репутации

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

Kwork.ru - услуги фрилансеров от 500 руб.

Поддержите форум! =)
Апдейты
  • Яндекс тИЦ: 19.11.2017
  • Яндекс выдача: 24.09.2018
Топ 5 участников по репутации


Отображение примера HTML/PHP/Java кода, на web-страничке

#1 Total_Sp

Total_Sp
  • Неактивные
  • 9 сообщений
  • Репутация: 0
0

Отправлено 06 December 2014 - 12:01

Всем привет!
Есть ли какая нибудь возможность, вставить пример HTML/PHP/Java кода, на web-страничку?
Помимо использования тегов:

< и >

 

 

  • 0

#2 matroskin8

matroskin8
  • Пользователь PRO
  • 767 сообщений
  • Репутация: 143

Отправлено 08 December 2014 - 10:13

День добрый.

Если просто и быстро, тогда так:

<?php echo htmlspecialchars('здесь нужный код, который будет показан, но не будет исполняться') ?>

Если же делать красиво, то можно воспользоваться любым из плагинов для подсветки кода. Например: syntaxhighlighter, highlight.js и т.п.

Ну и на всякий случай можно посмотреть видеоурок - Публикация кода с подсветкой синтаксиса


  • 0


#3 Total_Sp

Total_Sp
    Topic Starter
  • Неактивные
  • 9 сообщений
  • Репутация: 0

Отправлено 08 December 2014 - 11:41

@matroskin8,Спасибо большое! 


  • 0

#4 matroskin8

matroskin8
  • Пользователь PRO
  • 767 сообщений
  • Репутация: 143

Отправлено 08 December 2014 - 13:21

Пожалуйста ;)


  • 0


#5 Total_Sp

Total_Sp
    Topic Starter
  • Неактивные
  • 9 сообщений
  • Репутация: 0

Отправлено 10 December 2014 - 12:22

Подключил версию 3.0.83.  

Возникла проблема с оформлением страницы. 

Теперь выпадающий список меню (реализован на CSS) отображается под блоком плагина syntaxhighlighter.

CSS код меню. 

 

Ссылка на страницу http://xfb7913r.bget.ru/

#menu {
	padding: 0;
	margin: 0;
	font-size: 100%;
	font-family: Georgia;
	}
#menu li {
	list-style: none;
	float: left;
	height: 26px;
	padding: 0;
	margin: 0;
	width: 160px;
	text-align: center;
	background: #34495e;                                 /*Фоновый цвет меню навигации*/
	position: relative;
	padding-top: 6px;
	}
#menu li ul {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 150px;
	display: none;
	position: absolute;
	left: 0;
	top: 32px;            /*Отступ раскрывающегося меню*/
	}
#menu li ul li {
	float: none;
	height: 26px;       /*Высота выпадающего меню*/
	margin: 0;
	width: 160px;
	text-align: center;
	background: #778898;
	}
#menu li a {
	display: block;
	width: 150px;
	height: 33px;
	color: #fff;
	text-decoration: none;
	}
#menu li:hover ul, #menu li.jshover ul {
	display: block;
	}
#menu li:hover, #menu li.jshover {
	background: #2c3e50;
	}

alfz4av3f5m25xe3d92m0au7w.png


Сообщение отредактировал Total_Sp: 10 December 2014 - 18:09

  • 0

#6 Total_Sp

Total_Sp
    Topic Starter
  • Неактивные
  • 9 сообщений
  • Репутация: 0

Отправлено 11 December 2014 - 16:30

Проблема решена 


  • 0

#7 matroskin8

matroskin8
  • Пользователь PRO
  • 767 сообщений
  • Репутация: 143

Отправлено 11 December 2014 - 16:56


Проблема решена

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

На всякий случай решение озвучу: достаточно установить z-index для выпадающего меню, бОльший, чем z-index блока с кодом, например:

#menu li ul {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 150px;
	display: none;
	position: absolute;
	left: 0;
	top: 32px;            /*Отступ раскрывающегося меню*/
	z-index: 100; /* решение проблемы */
	}

  • 0


#8 Total_Sp

Total_Sp
    Topic Starter
  • Неактивные
  • 9 сообщений
  • Репутация: 0

Отправлено 11 December 2014 - 18:10

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

Собирался выложить решение как бы добрался до компа)) 

Был с телефона, отписался что проблема решена - чтобы никто голову не ломал) 

 

matroskin8, можно задать вопрос по вашей статье? http://webformyself....koj-sintaksisa/

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

В качестве второго параметра данной функции мы укажем имя функции, которая бы работала с найденными совпадениями. Итак, напишем 2 несложные функции: первая ищет совпадения согласно шаблону, вторая — обрабатывает найденные совпадения: 
function code_content($content){
	$pattern = '#\<code>(.*?)\</code>#is';
	$content = preg_replace_callback($pattern, "callback", $content);
	return $content;
}
function callback($match){
	$content = "<pre class='brush: " .strtolower($match[1]). "'>" .htmlspecialchars($match[2]). "</pre>";
	return $content;
}

В какой файл прописывается этот код? В файлик shBrushXml, который находиться в папке Scripts? Пробовал в него, при открытии страницы, выскакивает диалоговое окно плагина и плагин в результате не работает. 


Сообщение отредактировал Total_Sp: 11 December 2014 - 18:23

  • 0

#9 matroskin8

matroskin8
  • Пользователь PRO
  • 767 сообщений
  • Репутация: 143

Отправлено 11 December 2014 - 18:33

В какой файл прописывается этот код?

Так там ведь в уроке есть и видео версия, и исходники, которые можно посмотреть :)

Это код PHP, который должен находиться, соответственно, в файле .php. К плагину он не имеет прямого отношения, поэтому менять файлы плагина не нужно. В уроке этот код находится в файле функций (functions.php), ну а этот файл уже подключается к файлам, в которых используется и плагин подсветки кода.


  • 0


#10 Total_Sp

Total_Sp
    Topic Starter
  • Неактивные
  • 9 сообщений
  • Репутация: 0

Отправлено 11 December 2014 - 19:18

Благодарю))  :)


  • 0

robot

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


Похожие темы

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

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