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%
w 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