Joomla! Fan - Blog dla fanów systemu Joomla
  • Strona główna
  • Templatki Joomla 3.4
  • Informacje
  • Linki
  • Mapa strony
  • Kontakt
Click on the slide!

Joomla! Content Editor w praktyce

Opis instalacji i konfiguracji zaawansowanego edytora tekstu dla Joomla!

więcej...
Click on the slide!

Simple Image Gallery Pro - podstawy

Opis instalacji i konfiguracji prostej galerii zdjęć

więcej...
Click on the slide!

RSForm! Pro - sposób na rozbudowane formularze

Opis instalacji i konfiguracji rozbudowanych formularzy

więcej...
Click on the slide!

Jak uruchomić system komentarzy Jom Comment?

Instalacja i konfiguracja systemu komentarzy Jom Comment

więcej...
Click on the slide!

Serwisy z szablonami Joomla!, które polecam

Polecane serwisy z darmowymi i płatnymi szablonami stron Joomla!

więcej...
  • «
  • Click to navigate! 01 Joomla! Content Editor w praktyce
  • Click to navigate! 02 Simple Image Gallery Pro - podstawy
  • Click to navigate! 03 RSForm! Pro - sposób na rozbudowane formularze
  • Click to navigate! 04 Jak uruchomić system komentarzy Jom Comment?
  • Click to navigate! 05 Serwisy z szablonami Joomla!, które polecam
  • »
  • Pause
Frontpage Slideshow (version 2.0.0) - Copyright © 2006-2008 by JoomlaWorks
Joomla 3.9 Templates
Joomla Templates
Templatki Joomla
Start Rozszerzenia Joomla! Edycja Joomla! Content Editor w praktyce

Joomla! Content Editor w praktyce

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

73
  •  
  • 1
  • 2
  • 3
  • 4
  • 5
(5 głosów, średnia ocena 5.00 na 5)

Joomla! Content EditorEdytor 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
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ę Insert/Edit link. 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.
Efekt tych działań wygląda tak jak poniżej.

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ę Insert/Edit link. 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.
Efekt tych działań wygląda tak jak poniżej.

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ę Insert/Edit file. 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-screenshot
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 Edit code), 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.

dodajdo

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

Set as favorite
Bookmark
Hits: 56451
Komentarze (8)Add Comment
feedSubskrybuj kanał RSS dla komentarzy
0
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?
  • report abuse
  • +0
  • vote down
  • vote up
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.
  • report abuse
  • +0
  • vote down
  • vote up
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.
  • report abuse
  • +0
  • vote down
  • vote up
0
...
Napisane przez Piotr Sajnog, kwietnia 15, 2009
@ Maciej Puka
dzięki za podpowiedź
  • report abuse
  • +0
  • vote down
  • vote up
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ą.
  • report abuse
  • +0
  • vote down
  • vote up
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.
  • report abuse
  • +0
  • vote down
  • vote up
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.
  • report abuse
  • +0
  • vote down
  • vote up
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
  • report abuse
  • +1
  • vote down
  • vote up

Napisz Komentarz
Musisz się zalogować aby dodać komentarz, zarejestruj się jeśli jeszcze nie masz konta

busy UWAGA: Jeśli chcesz napisać komentarz po raz pierwszy, zapoznaj się z zasadami komentowania.

Menu główne

  • Strona główna
  • Templatki Joomla 3.4
  • Aktualności
  • Rozszerzenia Joomla!
  • Szablony Joomla!
  • Joomla! w Internecie
  • VirtueMart - sklep internetowy w Joomla!
  • Blog
  • Kanały RSS
  • Porady Joomla

DEMO Rozszerzeń

  • Formularz RSForm! Pro
  • Simple Image Gallery Pro
  • YOOgallery

Najwyżej ocenione artykuły

  • Jak dodać zdjęcia produktów w koszyku VirtueMart
  • Joomla! i strony internetowe urzędów państwowych
  • Joomla! Content Editor w praktyce
  • Opublikowano Joomla! 1.5.11
  • Dodatkowe pola w K2 Joomla!

Komentarze

  • RSForm! Pro - sposób na rozbudowane formularze

    korzystam z formularza RS Form Pro i nie umiem tak skonfiurowac email. żeby opo...

  • RSForm! Pro - sposób na rozbudowane formularze

    korzystam z formularza RS Form Pro i nie umiem tak skonfiurowac email. żeby opo...

  • Problemy podczas migracji Joomla 1.5 do Joomla 2.5

    Witam, jestem na etapie podjęcia decyzji związane z migracją mojej strony fit...

  • Inspirujące graficznie witryny w Joomla! - cz. 3

    Ta druga strona - duirwaigh, przepiękna i zjawiskowa. No niestety grafika, graf...

  • Simple Image Gallery Pro

    Witam Fajna galeria, ale gdzie mogę kupić. smilies/grin.gifziękuję i pozdrawiam

Tagi

aktualizacja joomla blog o joomla demo galerii joomla font-face galeria joomla galeria w joomla inspiracje joomla jce jomcomment joomla joomla insporacje komentarze w joomla komponent komentarzy modyfikacje virtuemart newsletter niestandardowe czcionki rsform simple image gallery sklep internetowy strony na joomla szablony joomla templatki templatki joomla virtuemart wdrożenia joomla

+ Wszystkie tagi

Nowości

  • Dodatkowe pola w K2 Joomla!
  • Problemy podczas migracji Joomla 1.5 do Joomla 2.5
  • K2 i niedziałające "Poleć znajomemu"
  • Joomla! i strony internetowe urzędów państwowych
  • Niestandardowe czcionki w szablonach Joomla

Popularne

  • Jak uruchomić system komentarzy Jom Comment?
  • Joomla! Content Editor w praktyce
  • Jak dodać zdjęcia produktów w koszyku VirtueMart
  • Google Weather Module, czyli prognoza pogody na Twojej witrynie
  • Simple Image Gallery Pro - prosta galeria zdjęć

O blogu

Joomla!Fan.pl jest blogiem poświęconym systemowi zarządzania treścią Joomla! Joomla jest obecnie jednym z najpopularniejszych systemów CMS udostępnionych na licencji GNU GPL, a ilość dostępnych darmowych komponentów i modułów stworzonych dla Joomla! liczona jest w tysiącach sztuk. Zaś codziennie tworzone są nowe...

Copyright © 2009-2019 Joomla! Fan - strona internetowa o najlepszym systemie CMS Joomla!
Pewne prawa zastrzeżone na licencji Creative Commons 2.5 Polska
Programowanie szablonu Projektowanie stron Joomla
Joomla! Fan is not affiliated with or endorsed by the Joomla Project or Open Source Matters.
The Joomla logo is used under a limited license granted by Open Source Matters the trademark holder in the United States and other countries.
  • Strona główna
  • Informacje
  • Linki
  • Mapa strony
  • Kontakt
  • Zasady korzystania z serwisu
  • ?
  • Polityka prywatności
  • ?
  • Zasady komentowania