Kolorowanie składni kodu

Jeśli zachodzi potrzeba umieszczenia na stronie części kodu programu to warto skorzystać z rozwiązania, które zrobi za nas całą mozolną robotę. Jednym z takich rozwiązań jest wtyczka Syntax Highlighter Evolved

Po zainstalowaniu i włączeniu wtyczki warto zapoznać się ze składnią, w jaki sposób wstawiać kod który ma być sformatowany.

Na przykład dla języka php:

echo “Hello World”;

Po sformatowaniu będzie wyglądał tak:

echo “Hello World”;

Może się jednak pojawić pewien problem. Jeśli ktoś używa wtyczki TinyMCE Advanced, która będzie usuwać pewne znaki z formatowanego tekstu, warto zainstalować jeszcze jedna wtyczkę, która doda nam przyciski w edytorze TinyMCE ułatwiające wklejanie kodu. Wtyczka ta nazywa się SyntaxHighlighter TinyMCE Button 

Przycisku pre używamy w ten sposób, że wklejamy do edytora kod, zaznaczamy go, wybieramy język programowania, dla którego ma zostać użyte formatowanie i wybieramy przycisk Insert

Natomiast przycisk CODE działa w taki sposób, że wklejamy kod do edytora, wybieramy język i klikamy Insert.

Warto też wejść w ustawienia wtyczki SyntaxHighlighter TinyMCE Button (Ustawienia –> SH TinyMCE Buttons) i zaznaczyć opcje:

  • Using with: SyntaxHighlighter Evolved
  • Window size: 110%

Default settings for your buttons warto wyłączyć nazwy języków programowania, których nie będziemy używać, wtedy lista wyboru będzie krótsza.

0 Komentarzy

    Zostaw odpowiedź

    XHTML: Możesz użyć tych tagów: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

    Strony internetowe

    Pierwsze wrażenie mamy szansę zrobić tylko raz. Z badań wynika, że mamy na to zaledwie kilka sekund i jest to odczucie, które ciężko później zmieni...
    Czytaj więcej...

    One Page Website

    One Page Website (lub też single-page website) zaczynają cieszyć się coraz większą popularnością w sieci. Mają one zarówno wiele zalet, jak i wad. ...
    Czytaj więcej...

    Landing Page

    Landing page (inaczej strona docelowa lub strona lądowania) to pojedyncza strona internetowa mająca za zadanie realizować jedno konkretne zadanie, ...
    Czytaj więcej...
    WordPress Image Lightbox