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

Реферальная программа Мегаплана


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

#1 Total_Sp

Total_Sp
  • Пользователь
  • 9 сообщений
  • Репутация: 0
0

Отправлено 06 Декабрь 2014 - 12:01

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

< и >

 

 

  • 0

#2 matroskin8

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

Отправлено 08 Декабрь 2014 - 10:13

День добрый.

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

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

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

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


  • 0


#3 Total_Sp

Total_Sp
    Topic Starter
  • Пользователь
  • 9 сообщений
  • Репутация: 0

Отправлено 08 Декабрь 2014 - 11:41

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


  • 0

#4 matroskin8

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

Отправлено 08 Декабрь 2014 - 13:21

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


  • 0


#5 Total_Sp

Total_Sp
    Topic Starter
  • Пользователь
  • 9 сообщений
  • Репутация: 0

Отправлено 10 Декабрь 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 Декабрь 2014 - 18:09

  • 0

#6 Total_Sp

Total_Sp
    Topic Starter
  • Пользователь
  • 9 сообщений
  • Репутация: 0

Отправлено 11 Декабрь 2014 - 16:30

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


  • 0

#7 matroskin8

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

Отправлено 11 Декабрь 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 Декабрь 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 Декабрь 2014 - 18:23

  • 0

#9 matroskin8

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

Отправлено 11 Декабрь 2014 - 18:33

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

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

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


  • 0


#10 Total_Sp

Total_Sp
    Topic Starter
  • Пользователь
  • 9 сообщений
  • Репутация: 0

Отправлено 11 Декабрь 2014 - 19:18

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


  • 0

robot

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


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