Поточний час:
Сьогодні 21 листопада, вівторокк 2017 рік
Стрічка RSS

Введіть ваш Е-mail:

Zura-Blog 2 роки 11 місяців 2 дня

Ваш ip адрес:54.198.210.67

Доброї ночі!
Ви обновили сторінку в 4 : 40
Статистика

Кількість публікацій на блозі: 367
Кількість коментарів на блозі: 102
Кількість категорій на блозі: 17
Кількість міток на блозі: 28

Zura – Blog
Яндекс.Метрика UA TOP Bloggers

syntacsПривіт всім відвідувачам Zura — Blog, продовжую викладати в публікаціях корисні скрипти написані на мові програмування рнр, і в сьогоднішіх матеріалах буде говоритись про скрипт, завдяки якому, ви зможите на сторінці сайту створити підсвітку коду.

Що таке підсвітка коду, думаю, що мабуть відомо кожному хто цікавиться веб дизайном, будь якому програмісту, тому і пояснювати можливо дане значення і не потрібно, але все ж таки, хтось з відвідувачів можливо взагалі вперше починає засвоювати програмування, веб дизайн і тому подібне.

Тому все ж таки я вважаю, що спочатку варто викласти коротке пояснення для цього значення. Отож підсвітка коду, це функція яку застосовують в програмах, які призначені для редагування коду, редактори для програмування, і завдяки такій функції якщо вона присутня в програмах, тоді програмісту легше орієнтуватись в кодах, або модифікувати їх, мається на увазі робити зміни в кодах.

Ну і власне крім спеціально призначених програм для редагування коду, це редактори для програмування, таку підсвітку можна зробити і за допомогою скрипта, написаного на мові програмування PHP.

Корисність такої функції мабуть що не викликає сумнівів. Безперечно, що підсвічування коду здатно значно поліпшити читаність лістингів коду, і тим самим здорово допомагаючи web майстрам, вирішувати свої завдання.

Майже кожен редактор на даний момент має в наявності таку функцію, але що робити якщо виникла необхідність, саме на свої сторінці сайту, викласти код, і безперечно в кожного появиться бажання, щоб такий код відображався таким саме чином. Мається на увазі, щоб коментарі одного кольору виділялись в коді скрипта, змінні іншого, і тому подібне.

Якщо сайт створений системами управління контентом, то в такому випадку, можливо найкращим варіантом буде встановити спеціально призначений для таких завдань плагін. Але якщо сайт складається скажем з двох трьох сторінок, і звичайно що, для такої кількості сторінок не має сенсу створювати сайт за допомогою системи управління контентом.

Ну або тематика сайту не має відношення до програмування, чи до веб дизайну, але в одній з публікацій вам потрібно викласти якийсь код. Звичайно, що також заради однієї публікації, ні в кого не буде бажання встановлювати плагін.

І що тоді робити, адже код без підсвітки не буде дивитись так як з нею. Вихід також знайдеться, це скрипт написаний на мові програмування рнр, сам код є в наявності, в цій публікації нижче, і також тлумачення до коду, що і як зробити, щоб  на сторінці сайту показувати любий код, з підсвідкою.

Скрипт який на сторінці сайту, буде показувати любий  код з підсвідкою.

<?php
// придушуємо попередження
error_reporting(0);

function highlight_code($code)
{
    // якщо до цього $ code обробляли функцією
    // htmlspecaialchars, тут потрібно дописати код, який скасовує її дію

    $code = stripslashes($code);
    if(!strpos($code,"<?") && substr($code,0,2)!="<?") {
        $code="<?php\\n".trim($code)."\\n?>";
    }
    $code = trim($code);

    return highlight_string($code,true);
}

// викликаємо функцію, наприклад так
// приклад коду
// вставляємо код для підсвітки $code = 'тут':
$code = '

';
//викликаємо функцію
echo highlight_code($code);
?>

Код вище мабуть і пояснень ніяких не потребує, адже в коментарях все розписано, отож якщо комусь з відвідувачів не зрозуміло, тоді  більш детальніше все розяснюю:

Відкриваєте редактор для програмування, створюєте новий файл, копіюєте код вище, в коді в самому кінці, 22-23-24 рядок, там де змінна  ($code = ‘ ‘), і в дужках (‘ ‘), вставляєте свій код, той код який повинен відображатись на сторінці сайту з підсвіткою.

Зберігаєте файл з розширенням рнр, і після обновлення сторінки у вас відкриється в браузері, сторінка з підсвідкою коду, який ви вставили між дужками.

Ну або просто цей код вище, також копіюєте і вставляєте в то місце на сторінці свого сайту, де у вас має відображатись ваш код з пісдвіткою, і в змінній ($code = ‘ ‘), вставляєте саме цей код, це код який повинен відображатись на сторінці сайту з підсвіткою, зберігаєте, і обновлюєте сторінку,  отримуєте результат. 

Далі на прикладі я ще покажу, як додається такий код, який потрібно щоб відображався з підсвіткою, так що кому ще не зрозуміло як і куда потрібно додавати коди, щоб потрібний код відображався на сторінці з підсвіткою, можите орієнтуватись по прикладах коду.

Отож мені потрібно щоб цей код, нижче відображався на сторінці браузера з підсвіткою.

Код нижче, який я на прикладі перевірив, як працює скрипт  за допомогою якого коди на сторінці браузера відображаються з підсвідкою.

<p>1 - код</p>
<?php
$time   =   date("H:i") ;
$time1   =   date("H") ;
$time2    =   date ( " i " ) ;
$time_s     =  23;
$timel    =   $time1    +  $time_s ;
if  ($timel    >=    24)   {  $timel    =   $timel    -  24;   }
$time   =    "$timel:$time2" ;
echo ("Ви обновили сторінку в $time");
?></br>
<p>2 - код</p>
<?php
$date_today = date("d | m | Y"); //присвоено день місяць рік
$today = date("G:i:s"); //присвоено година хвилина секунда [1]
echo("Сьогодні у нас: $date_today година : $today .");//Виводимо дату і годину:
?></br>
<p>3 - код</p>
<?php
$date_today = date("d | m | Y"); //присвоено день місяць рік
$time   =   date("H:i") ;
$time1   =   date("H") ;
$time2    =   date ( " i " ) ;
$time_s     =  23;
$timel    =   $time1    +  $time_s ;
if  ($timel    >=    24)   {  $timel    =   $timel    -  24;   }
$time   =    "$timel:$time2" ;
echo("Сьогодні у нас: $date_today година : $time .");//Виводимо дату і годину:
?></br>
<p>4 - код</p>
<? echo ( date ( "d F Y  h : i")); ?></br>
<? echo ( date ( "d m Y  h : i")); ?></br>
<? echo ( date ( " h : i")); ?></br>
<? echo ( date ( " H : i")); ?>

Все досить легко робиться, знаєте як в епізоді одного знаменитого радянського фільма “легким движением руки”, в цьому жарті є істина, оскільки коли працювати з кодами, додавати або міняти, потрібно діяти обережно, і добре дивитись куда саме додавати потрібний рядок коду, коли робити зміни, і саме головне щоб щось не видалити.

 

Самий найкращий варіант, коли робити зміни в кодах, це зберігати файл, в якому збираєтесь щось міняти.

Щоб не стався випадок, як в одному епізоді з знаменитого радянського кінофільму, комедія називається “Брилиантовая рука”, оскільки якщо в коді щось помилково видалити, любе одне значення, тоді  працювати код не буде, і якщо файл в якому робились зміни не зберегли, відновити все буде тяжко.

Отож, код вище, щоб на сторінці сайту відображався цей код з підсвіткою, потрібно вставити в дужках змінної $code = ‘ ‘ скопійований код,  і тоді сторінка відкриється вже з цим кодом, і код який ви вставили між дужками змінної $code, появиться на сторінці, і буде відображатись з підсвіткою. 

$code = ‘тут вставляємо код’  —  22 рядок

<?php
// придушуємо попередження
error_reporting(0);

function highlight_code($code)
{
    // якщо до цього $ code обробляли функцією
    // htmlspecaialchars, тут потрібно дописати код, який скасовує її дію

    $code = stripslashes($code);
    if(!strpos($code,"<?") && substr($code,0,2)!="<?") {
        $code="<?php\\n".trim($code)."\\n?>";
    }
    $code = trim($code);

    return highlight_string($code,true);
}

// викликаємо функцію, наприклад так
// приклад коду
$code = '
<p>1 - код</p>
<?php
$time   =   date("H:i") ;
$time1   =   date("H") ;
$time2    =   date ( " i " ) ;
$time_s     =  23;
$timel    =   $time1    +  $time_s ;
if  ($timel    >=    24)   {  $timel    =   $timel    -  24;   }
$time   =    "$timel:$time2" ;
echo ("Ви обновили сторінку в $time");
?></br>
<p>2 - код</p>
<?php
$date_today = date("d | m | Y"); //присвоено день місяць рік
$today = date("G:i:s"); //присвоено година хвилина секунда [1]
echo("Сьогодні у нас: $date_today година : $today .");//Виводимо дату і годину:
?></br>
<p>3 - код</p>
<?php
$date_today = date("d | m | Y"); //присвоено день місяць рік
$time   =   date("H:i") ;
$time1   =   date("H") ;
$time2    =   date ( " i " ) ;
$time_s     =  23;
$timel    =   $time1    +  $time_s ;
if  ($timel    >=    24)   {  $timel    =   $timel    -  24;   }
$time   =    "$timel:$time2" ;
echo("Сьогодні у нас: $date_today година : $time .");//Виводимо дату і годину:
?></br>
<p>4 - код</p>
<? echo ( date ( "d F Y  h : i")); ?></br>
<? echo ( date ( "d m Y  h : i")); ?></br>
<? echo ( date ( " h : i")); ?></br>
<? echo ( date ( " H : i")); ?>
';
//викликаємо функцію
echo highlight_code($code);
?>

Далі приклад який получається результат, демонстрація результату нижче, можите переглянути клацнувши на текст “Демонстрація підсвідки коду”,


user_97

Демнонстрація підсвідки коду



в принципі все, нічого складного, копіюєте спочатку код, коди скрипта вставляєте в потрібне місце, і між дужками змінної $code = ‘ ‘ вставляєте код який повинен відображатись з підсвідкою.

Ну що ж пора закруглятись, оскільки по даному скрипту добавити практично ні чого, на цьому все до зустрічі .


Leave a Reply

Your email address will not be published. Required fields are marked *