Joomla! Content Editor w praktyce

Wpisany przez Piotr Sajnog | Joomla! Fan Sobota, 04 Kwiecień 2009 00:00

Edytor tekstu to bez w?tpienia jeden z najcz??ciej u?ywanych sk?adników systemu zarz?dzania tre?ci?, dlatego omówienie rozszerze? do Joomla! zaczynam w?a?nie od niego.

Podstawowa instalacja Joomla! oferuje wprawdzie edytor tekstu i da si? na nim pracowa?, ale przy bardziej z?o?onych projektach potrzeba jest skorzystania z rozwi?zania, które daje o wiele wi?ksze mo?liwo?ci.

W tym miejscu nie chcia?em zbytnio eksperymentowa? i zainstalowa?em sprawdzony i bardzo chwalony w Internecie edytor o nazwie Joomla! Content Editor (w skrócie JCE).

W polskim Internecie mo?na znale?? co najmniej kilka tekstów opisuj?cych g?ówne zalety i mo?liwo?ci tego edytora. Brakowa?o mi w nich opisu konkretnych dzia?a?, które mo?na za jego pomoc? wykona?, pomijaj?c oczywi?cie standardowe wpisywanie i formatowanie tekstu.

W dalszej cz??ci artyku?u opisz? wam, opieraj?c si? na w?asnych do?wiadczeniach, jak wstawi? do artyku?u film z serwisu YouTube.com i zwyk?y obrazek JPG, oba z tzw. efektem "Lightbox", czyli w okienku popup z przyciemnianym w tle oknem przegl?darki. Na koniec poka?? jak wstawi? do artyku?u link do pliku (np. PDF).

Joomla! Content Editor

Wtyczki (pluginy) do JCE

Na pocz?tek jedna uwaga: podstawowy sk?adnik edytora JCE jest produktem darmowym, natomiast wszystkie wtyczki (pluginy) do niego to rozwi?zania komercyjne, za które musimy zap?aci?.

Lista wtyczek do JCE jest nast?puj?ca:

• File Manager - dzi?ki niej utworzysz link do pliku w dowolnym formacie ze swoim w?asnym opisem, który mo?e zawiera? dat? jego utworzenia, rozmiar i ikon?.
  
• Media Manager - dzi?ki niej wgrasz na serwer oraz wstawisz do artyku?u plik multimedialny (mi?dzy innymi w formacie Flash, Windows Media, QuickTime, filmy z serwisu YouTube.com) z efektem "Lightbox" czyli w oknie popup z przyciemnionym t?em okna przegl?darki. Wtyczka ma wbudowany odtwarzacz Flash Video (FLV).
  
• Image Manager Extended - dzi?ki niej zmienisz rozmiar obrazka, obrócisz go oraz utworzysz jego miniaturk? (thumbnail) a tak?e wstawisz go do artyku?u z efektem "Lightbox" w oknie popup.
  
• Captions - pozwala na pe?n? kontrol? nad edycj? i wygl?dem podpisów pod ilustracjami w artykule.

To jednak nie wszystko. Trzeba mie? na uwadze, ?e aby móc w pe?ni wykorzysta? dzia?anie wymienionych wy?ej wtyczek, najpierw (ale ju? po zainstalowaniu samego JCE) nale?y zainstalowa? JCE Utilities. Bez tego nie zadzia?a np. efekt "Lightbox". Z tak wyposa?onym edytorem mo?emy przej?? do jego praktycznego wykorzystania.

Wstawianie filmu z YouTube.com

Je?li chcemy w artykule umie?ci? link do filmu, który ma si? pokaza? z efektem "Lightbox", musimy wykona? nast?puj?ce czynno?ci:

1. Zaznaczamy fragment tekstu lub obrazek, który ma by? odno?nikiem do filmu.
2. Klikamy w ikonk? . W zak?adce Link, w okienku Adres, wklejamy pe?ny adres internetowy (zaczynaj?cy si? od http://), pod którym znajduje si? wybrany przez nas film.
3. W zak?adce Advanced, w okienku Classes wpisujemy s?owo jcepopup.
4. Je?li chcemy nada? filmowi tytu? i opis, który ma si? pokaza? w oknie popup, to w zak?adce Link, wype?niamy okienko Tytu? w ten sposób: Tytu? filmu::Opis (pami?tajcie koniecznie o podwójnym dwukropku).
5. Klikamy Insert.

Obejrzyj film

Wstawianie linka do obrazka (JPG, GIF, PNG)

Je?li chcemy w artykule umie?ci? link do obrazka, który ma si? pokaza? z efektem "Lightbox", musimy wykona? nast?puj?ce czynno?ci:

1. Wgrywamy na serwer obrazek, który ma si? pojawi? w artykule.
2. Zaznaczamy fragment tekstu lub obrazek, który ma by? odno?nikiem do niego.
3. Klikamy w ikonk? . W zak?adce Link, w okienku Adres wpisujemy wzgl?dny adres internetowy, pod którym znajduje si? wybrany przez nas obrazek. Wzgl?dny adres internetowy to taki, który zaczyna si? po uko?niku ko?cz?cym podstawowy adres naszej witryny i mo?e wygl?da? tak: images/stories/obrazek.jpg)
   
4. W zak?adce Advanced, w okienku Classes wpisujemy s?owo jcepopup.
5. Je?li chcemy nada? obrazkowi tytu? i opis, który ma si? pokaza? w oknie popup, to w zak?adce Link, wype?niamy okienko Tytu? w ten sposób: Tytu? obrazka::Opis (pami?tajcie koniecznie o podwójnym dwukropku).
6. Klikamy Insert.

Obejrzyj obrazek

Wstawianie linka do pliku

Je?li chcemy w artykule umie?ci? link do pliku, który chcemy udost?pni? u?ytkownikom do ?ci?gni?cia na swój komputer, musimy wykona? nast?puj?ce czynno?ci:

1. Wgrywamy na serwer plik, do którego link chcemy umie?ci? w artykule.
2. Wstawiamy kursor w miejscu, w którym ma si? pojawi? link do pliku.
   
3. Klikamy w ikonk? . Wybieramy z listy plik, o który nam chodzi. W zak?adce Properties, w okienku Adres automatycznie pojawi si? wzgl?dny adres internetowy pliku.
   
4. Z listy rozwijanej Target mo?emy wybra? miejsce, w którym plik si? otworzy (np. to samo lub nowe okno przegl?darki)
5. W okienku Tekst mo?emy zmieni? tekst, który poka?e si? jako link do pliku. Dalej mo?emy zdecydowa?, czy obok tekstu ma si? pokaza? ikona rodzaju pliku, jego orientacyjna wielko?? oraz data utworzenia.
6. Klikamy Insert.

File Manager

Je?li zaznaczymy wszystko, efekt b?dzie podobny do tego poni?ej.

Joomla! Content Editor w praktyce 280.60 Kb 03/04/2009, 21:39

Podsumowanie

Opisane w tym artykule przyk?ady to nie wszystko co mo?na zrobi? przy pomocy JCE. Omówi?em tylko te przyk?ady, których wykorzystanie b?dzie mi potrzebne w najbli?szym czasie w kolejnych artyku?ach.

Jak wida? Joomla! Content Editor to ?wietne narz?dzie, znacznie usprawniaj?ce zarz?dzanie plikami i edycj? tre?ci. U?ywam go od dwóch miesi?cy i na razie nie zamierzam zamienia? go na co? innego. Jednak s? dwie rzeczy, które nie daj? mi spokoju i s? bardzo denerwuj?ce, je?li chodzi o pisanie w tym edytorze.

Po pierwsze, zachowuje si? on cz?sto bardzo dziwnie, je?li chodzi o formatowanie tekstu, dlatego co jaki? czas trzeba prze??czy? si? na tryb widoku HTML (ikona ), aby poprawia? artyku? z tego poziomu. JCE bardzo cz?sto zostawia puste lub nie domkni?te znaczniki, albo wstawia je tam gdzie nie trzeba. Radz? wi?c, przed opublikowaniem artyku?u na stronie, przejrze? tekst w trybie HTML i pousuwa? niepotrzebne ?mieci w kodzie.

Druga sprawa to raczej brak takiej opcji w samym systemie Joomla! a nie w tym konkretnym edytorze. Chodzi mi mianowicie o brak mo?liwo?ci podgl?du edytowanego artyku?u na stronie docelowej jeszcze przed opublikowaniem. Wiem, ?e jest co? takiego jak podgl?d samego artyku?u w oknie popup, ale przecie? to nie odzwierciedla w ?aden sposób wygl?du tego artyku?u na stronie docelowej (inne s? czcionki, szeroko?? kolumny, linki nie otwieraj? si? w oknach z efektem "Lightbox", itp.)

Pisz? o tym, bo mam porównanie z systemem WordPress gdzie taki podgl?d to standard i bardzo dziwi mnie fakt, ?e nie ma go te? w Joomla!. Jest to istotna cz??? systemu i bardzo przydaje si? w redagowaniu tre?ci. A mo?e jest taki dodatek do Joomla! tylko ja o nim nie wiem? Je?li znacie takie rozwi?zanie to prosz?, zostawcie mi informacj? w komentarzach. Je?li b?dzie interesuj?ce, na pewno opisz? jego dzia?anie na ?amach bloga.

Tags: edytor joomla | jce | joomla content editor | wysiwyg

Komentarze (8)

Subskrybuj kanał RSS dla komentarzy

Konfiguracja wygl?du JCE
Napisane przez Piotr Bielecki, kwietnia 07, 2009

Pytanie - czy w tej wersji edytora JCE mo?na sobie samemu wybiera? ikonki jakie maj? si? wy?wietla?? Nigdy nie potrzebowa?em wszystkich funkcji edytora i zamiast czterech linii z ikonkami (zabieraj?cymi cenne miejsce na ekranie laptopa) chcia?bym mie? tylko dwie linie z tym, co jest mi niezb?dne. Poprzednie wersje JCE dla Joomla! 1.X to potrafi?y - a jak jest z JCE dla rodziny Joomla! 1.5?

• 
• +0
• 
• 

...
Napisane przez Piotr Sajnog, kwietnia 07, 2009

@ Piotr Bielecki
W parametrach wygl?du edytora nie doszuka?em si? ustawienia ilo?ci linijek z ikonami, jest tylko mo?liwo?? ustawienia ich na górze lub na dole okna edytora lub "wyj?cie" ich z okna w dowolne miejsce ekranu.

• 
• +0
• 
• 

...
Napisane przez Maciej Puka, kwietnia 15, 2009

Oczywi?cie, ?e mo?na dowolnie wy??czy? ikonki. JCE Administration > Plugins > kolumna: Enabled.
Niektóre ikonki s? po??czone w zestawy, wi?c b?dzie problem je?li chce si? mie? np. tylko ikon? Wklej z Worda - zawsze dostaniemy w gratisie Wklej czysty tekst.

• 
• +0
• 
• 

...
Napisane przez Piotr Sajnog, kwietnia 15, 2009

@ Maciej Puka
dzi?ki za podpowied?

• 
• +0
• 
• 

...
Napisane przez Piotr Bielecki, kwietnia 23, 2009

Mia?em okazj? przetestowa? najnowsze wydanie JCE dla Joomla! 1.5
Generalnie - jest dobrze, cho? nie wiedz?c czemu edytor wy?wietla mi font szeryfowy, zamiast zwyk?ego Ariala czy Verdany i jeden z klientów ma pretensj?, "?e nie wygl?da tak, jak na stronie". Tymczasem k?ad? to na karb ?le przygotowanej skórki, cho? tak by? nie powinno.

Co do ustawiania sobie dowolnie ikonek - by? mo?e si? nie jasno wyrazi?em wcze?niej; Owszem, w ?atwy sposób mo?na sobie w??czy? i wy??czy? wi?kszo?? niepotrzebnych ikonek, ale gdy zostawi?em to, co niezb?dne (w dwóch wierszach) wy?wietla?y mi si? trzy wiersze - trzeci pusty. Na laptopie 1cm poziomo zabierany kompletnie bez powodu bardzo mnie irytowa?. Przerobi?em to na co najmniej 10 serwisach, wi?c wiem co mówi?. W ostatniej wersji zosta?o to poprawione, cho? sam edytor Layot'u edytora zosta? przeniesiony, ba - on zosta? po prostu ukryty. Nie wiem po co, ale szuka?em par? minut zanim to znalaz?em.
Nie jestem "fanem" Joomla! i JCE w sensie "wyznawca", traktuj? je u?ytkowo - s? to ?wietne narz?dzia, st?d wszelkie "udogodnienia" polegaj?ce na ukrywaniu czy utrudnianiu dost?pu mnie irytuj?.

• 
• +0
• 
• 

...
Napisane przez mino, maja 22, 2009

"Wiem, ?e jest co? takiego jak podgl?d samego artyku?u w oknie popup, ale przecie? to nie odzwierciedla w ?aden sposób wygl?du tego artyku?u na stronie docelowej (inne s? czcionki, szeroko?? kolumny, linki nie otwieraj? si? w oknach z efektem "Lightbox", itp.)"

oraz do kolegi "..." ;-)

Aby w edytorze tekst wygl?da? jak na stronie trzeba przygotowa? dodatkowy plik w templatce o nazwie "editor_content.css" i przekopiowa? tam style dotycz?ce typografii.

• 
• +0
• 
• 

grafika i zdj?cia
Napisane przez Katarzyna, maja 29, 2012

Witam. Mam problem z wgraniem zdj??. Wczytuje normalnie, jednak po wgraniu nie wczytuje miniaturek i zamiast zdj?? jest bia?e t?o.

• 
• +0
• 
• 

Problem z JCE
Napisane przez Jakub, lutego 13, 2013

witam,od pewnego czasu nie mog? wczyta? zdj?cia przez JCE, artyku? mo?na napisa? a przy za??czaniu zdj?cia otwieram okno wstawiania i nie wczytuje w ogóle plików z serwera. Po wy??czeniu JCE i przy zastosowaniu zwyk?ego edytora wszystko dzia?a. wie kto? co mo?e byc przyczyna takiego dzia?ania JCE?? Pozdrawiam

• 
• +1
• 
• 

• Zasady korzystania z serwisu
• ?
• Polityka prywatno?ci
• ?
• Zasady komentowania