Kod źródłowy na blogu WordPress.com

 

Jak to zwykle bywa, w teorii wszystko miało działać ładnie i pięknie, praktyka jednak to zupełnie osobna rzecz. Okazało się, że kody wstawiane przy użyciu plug-ina Windows Live Writera, używanego do wstawiania kodów na moim blogu w spaces.live.com, nie są wyświetlane poprawnie na blogu WordPress.com. Przede wszystkim brak interpretowania scrollbarów spowodował, że kod wychodził poza szerokość kolumny. Poza tym w wybranym przeze mnie szablonie wstawiany kod wyglądał po prostu brzydko. Trzeba zatem nieco usprawnić proces wstawiania kodu na blogu.

Pierwsze rozwiązanie jest dostarczane przez samego WordPressa. Jest to znacznik w kodzie html o postaci:

[sourcecode language="csharp"]
   //insert your code here
[/sourcecode]

Dokładniejszy opis wykorzystania takiego rozwiązania znajduje się pod adresem http://en.support.wordpress.com/code/posting-source-code/

Rozwiązanie to jednak ma pewną wadę – konieczne jest przeprowadzanie zmian w kodzie html, co jest zbędnym wysiłkiem w momencie, gdy wstawiane są długie kody źródłowe. Z pomocą przychodzi tutaj wtyczka odnaleziona pod adresem http://richhewlett.com/software/wlwsourcecodeplugin/. Autor zezwala na jej bezpłatne pobranie i wykorzystywanie (licencja Creative Common License). Instalacja opiera się na rozpakowaniu pobranego pliku i skopiowaniu zawartości do katalogu z wtyczkami Windows Live Writer’a. Konieczne może okazać się zamknięcie i ponowne uruchomienie programu. Dzięki temu uzyskujemy dostęp do narzędzia pozwalającego na wstawianie kodu w bardzo dużej liczbie języków z poziomu edytora. Wtyczka wykorzystuje znaczniki dostarczane przez WordPressa, dzięki czemu uzykujemy tak samo wyglądający kod jak wstawiany ręcznie w kodzie html.

Teraz odrobina rozważań o zauważonych przeze mnie wadach. Po pierwsze, być może nie istnieje, a być może ja nie doszukałem się opcji wstawiania tabulacji, w przypadku gdy chcemy wpisać kod odręcznie, a nie tylko kopiować go (w tym przypadku tabulacje są zachowywane). Po drugie, wstawiany kod nazwałbym to – nie jest obsługiwany natywnie. Podgląd edytowanego posta z poziomu Windows Live Writter nie przeprowadza formatowania wstawianego kodu. Dopiero opublikowanie kodu pozwala na obejrzenie jak zostanie on zinterpretowany na blogu. Po trzecie, w dalszym ciągu nie są obsługiwane scrollbary, co powoduje, że w przypadku zbyt długiego kodu ponownie zostanie on obcięty. Rozwiązaniem jest ustawienie dla wstawianego kodu opcji Wrap lines. Wyświetlane zbyt długie linie są oczywiście zawijane, ja jednak nie jestem przyzwyczajony do tak formatowanego przenoszenia linii (efekty można zobaczyć w poprzednimi poście). Czy zdołam się przyzwyczaić, czy też skorzystam z innego rozwiązania pośredniego, jakim jest wybranie innego szablonu o większej szerokości kolumn (jakość rozwiązania cokolwiek wątpliwa i w dalszym ciągu kłopotliwa), okaże się w późniejszym czasie.

Ad wcześniejszy post: Kody zostały już poprawione opisanym przeze mnie powyżej sposobem.

Reklamy

6 Responses to Kod źródłowy na blogu WordPress.com

  1. vebaspect says:

    Chciałem o tym samym napisać na swoim blogu. 🙂 Pozdrowienia i powodzenia!

  2. Śmiało, być może Twój styl przypadnie komuś bardziej do gustu 🙂 a ja np. nie sugeruje się pozostałymi blogami, zatem na pewno przytrafi się tak sytuacja, że ktoś już na swoim blogu poruszył dane zagadnienie 😉

  3. RichHewlett says:

    Thanks for using my Plug-in. I appreciate your comments and hope to address them all in the next version which I hope to complete soon.

  4. Pingback: 0006: F0rMAtT1nG: y0u’r3 n0t funny anym0r3:) « OLGAtherer

  5. Rich Hewlett says:

    Just to let you know that a new version of my plug-in is now available! Check it out at http://richhewlett.com/2010/09/22/live-writer-syntax-highlighting-plug-in-v1-2-0-released/

  6. allo says:

    fajna stronka

Skomentuj

Wprowadź swoje dane lub kliknij jedną z tych ikon, aby się zalogować:

Logo WordPress.com

Komentujesz korzystając z konta WordPress.com. Wyloguj / Zmień )

Zdjęcie z Twittera

Komentujesz korzystając z konta Twitter. Wyloguj / Zmień )

Zdjęcie na Facebooku

Komentujesz korzystając z konta Facebook. Wyloguj / Zmień )

Zdjęcie na Google+

Komentujesz korzystając z konta Google+. Wyloguj / Zmień )

Connecting to %s

%d blogerów lubi to: