X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> Отображение примера HTML/PHP/Java кода, на web-страничке
Total_Sp
Total_Sp
Topic Starter сообщение 6.12.2014, 13:01; Ответить: Total_Sp
Сообщение #1


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

< и >

0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
matroskin8
matroskin8
сообщение 8.12.2014, 11:13; Ответить: matroskin8
Сообщение #2


День добрый.
Если просто и быстро, тогда так:

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

Если же делать красиво, то можно воспользоваться любым из плагинов для подсветки кода. Например: syntaxhighlighter, highlight.js и т.п.
Ну и на всякий случай можно посмотреть видеоурок - Публикация кода с подсветкой синтаксиса
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Total_Sp
Total_Sp
Topic Starter сообщение 8.12.2014, 12:41; Ответить: Total_Sp
Сообщение #3


matroskin8,Спасибо большое! 
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
matroskin8
matroskin8
сообщение 8.12.2014, 14:21; Ответить: matroskin8
Сообщение #4


Пожалуйста ;)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Total_Sp
Total_Sp
Topic Starter сообщение 10.12.2014, 13:22; Ответить: Total_Sp
Сообщение #5


Подключил версию 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.12.2014, 19:09
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Total_Sp
Total_Sp
Topic Starter сообщение 11.12.2014, 17:30; Ответить: Total_Sp
Сообщение #6


Проблема решена 
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
matroskin8
matroskin8
сообщение 11.12.2014, 17:56; Ответить: matroskin8
Сообщение #7


(Total_Sp) *
Проблема решена

На форумах принято выкладывать решение, чтобы помочь тем, кто столкнется с аналогичной проблемой.
На всякий случай решение озвучу: достаточно установить 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; /* решение проблемы */
}
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Total_Sp
Total_Sp
Topic Starter сообщение 11.12.2014, 19:10; Ответить: Total_Sp
Сообщение #8


(matroskin8 @ 11.12.2014, 19:56) *
На форумах принято выкладывать решение, чтобы помочь тем, кто столкнется с аналогичной проблемой.

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

matroskin8, можно задать вопрос по вашей статье? http://webformyself.com/publikaciya-koda-s...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.12.2014, 19:23
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
matroskin8
matroskin8
сообщение 11.12.2014, 19:33; Ответить: matroskin8
Сообщение #9


(Total_Sp @ 11.12.2014, 21:10) *
В какой файл прописывается этот код?

Так там ведь в уроке есть и видео версия, и исходники, которые можно посмотреть :)
Это код PHP, который должен находиться, соответственно, в файле .php. К плагину он не имеет прямого отношения, поэтому менять файлы плагина не нужно. В уроке этот код находится в файле функций (functions.php), ну а этот файл уже подключается к файлам, в которых используется и плагин подсветки кода.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Total_Sp
Total_Sp
Topic Starter сообщение 11.12.2014, 20:18; Ответить: Total_Sp
Сообщение #10


Благодарю))  :)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2 страниц V   1 2 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) Вёрстка HTML-писем
30 Vampler 29393 27.3.2024, 12:41
автор: Vampler
Открытая тема (нет новых ответов) <Braga/> Создание Telegram-ботов, web-приложений, крипто-бирж, сайтов.
2 newbraga 1788 10.3.2024, 22:04
автор: newbraga
Открытая тема (нет новых ответов) Разработка/доработка сайтов Wordpress, HTML/CSS/JS
Вёрстка, перенос на WP, правки
9 malamut 3482 25.1.2024, 14:36
автор: malamut
Открытая тема (нет новых ответов) СОЗДАНИЕ : / САЙтЫ / ЛЕНДЫ / БОТЫ ТГ / ВАЙТЫ / КРЕО / СОФТЫ / ДИЗАЙН [PHP, JS, HTML/CSS] и другое
5 CULA 3416 19.12.2023, 18:55
автор: CULA
Открытая тема (нет новых ответов) Услуга - восстановление сайтов из web.archive.org
Адекватные цены.
0 donald_666 1409 4.12.2023, 15:36
автор: donald_666


 



RSS Текстовая версия Сейчас: 23.4.2024, 15:03
Дизайн