Joomla 4 dodała możliwość podświetlana kodu w podstawowym edytorze

TRANSKRYPCJA WERSJA DO PRZECZYTANIA.

Cześć. Marcin Joomlaguru.pl Witam Cię w kolejnym odcinku. Nowości, a już bardziej 4.1.

W tym odcinku porozmawiamy o podświetlaniu kodów.

Jak dobrze wiecie podstawowym edytorem w Joomla jest Tinymce.

Jest on cały czas rozwijany i są dodawane do niego nowe opcje.

Tym razem jest to podświetlanie kodu znakiem tego, że jeśli ktoś będzie chciał sobie pracować w edytorze w trybie kodu to będzie mógł wywołać załóżmy okienko i tam wpisywać kod.

KOD HTML czy to CSS czy nawet JavaScript.

I on będzie sobie ładnie po kolorowanie.

Wszystko oczywiście zobaczycie na lekcji demo, którą za moment Wam zaprezentuję.

W międzyczasie oczywiście zachęcam Cię do subskrybowania tego kanału.

Kliknięcia w dzwonek, aby Ci przychodziły powiadomienia, gdy pojawi się nowe video.

Bez tego niestety powiadomienie Cię nie przejdzie i prawdopodobnie ominiesz następny odcinek.

To zapraszam Cię w takim razie do lekcji.

Demo podświetlanie kodu Joomla 4.1.

A więc witam Cię już z panelu administratora.

Mam nadzieję, że też jesteś już zalogowany/a w panelu administratora swojej

Joomla i będziesz podążał podążała swoimi ścieżkami i klikami.

Przejdźmy do systemu.

Systemie mamy dodatki.

I wpisz sobie tutaj Tinymce enter tak, aby wyszukać opcje odnośnie właśnie edytora Tinymce.

Idźmy sobie.

Sprawdź, czy na pewno jesteśmy na zestawie 0, bo zapewne jesteś administratorem swojej strony i tutaj będziemy dokonywać zmian.

Dobrze przejdziemy sobie tutaj podświetlanie kodu i ta opcja musi być włączona.  Jeśli jest w takim stanie to zmienić na włączony.

Ja tutaj zmieniłem przed momentem jedną opcję, ale już wracam, bo wasz widok będzie właśnie w tym momencie tak wyglądał.

I tutaj są takie rzeczy zabronione jak skrypt Apple i iframe.

Ale nie będziemy wchodzić w szczegóły.

Ja sobie zmienię z powrotem na taką opcję jak miałem, bo chcę wam pokazać troszeczkę więcej niż zazwyczaj.

Kolejną rzeczą do sprawdzenia jest to, aby był to znaczek, czyli znak mniejszości.

W większości był po to w tym edytorze, żebyście mogli go znaleźć.

Jeśli mamy wszystkie zmiany zrobione zapisz i zamknij.

Przejdziemy teraz do artykułów zarządzanie artykułami.

Ja mam takie testowe artykuły wejdziemy sobie.

Pomysł na artykuł Joomla 4.2.

Notabene całkiem już niedługo tak.

No i teraz mamy nasz edytor.

Twój będzie wyglądał troszeczkę inaczej bo mój ma zmienioną skórkę tak, aby było po prostu ciekawiej.

Żadnego kodu tutaj nie widać, żeby się dostać do tego kodu.

To są dwa sposoby tutaj trzy kropeczki.

I szukamy sobie tego znaczka mniejszości większości, który jest właśnie tutaj SourceCode Plus.

Klikamy i mamy ładnie pokolorowany kod źródłowy.

Co się stanie, jeśli mamy JavaScript.

Proszę bardzo ładnie.

Mamy też pokolorowany.

iFrame pokolorowany.

Taka ciekawostka, jeśli byśmy chcieli dodać kod PHP to niestety, ale Joomla już nam na to nie pozwala.

Trzeba by było wyłączyć całkiem edytor.

Taka ciekawostka lub skorzystać z jakiegoś dodatku, który pozwoli nam po prostu ten kod wstawić.

Kolejną nowością, jaką jesteśmy tutaj w tym kolorowanie składni, kolorowanie składni jest to, że możemy sobie teraz taki nasz kod przeszukiwać. Wciskając sobie skróty klawiszowe, które są właśnie tutaj, czyli np. Control-F będzie nam służyło do wyszukiwania.

Piszmy.

Google.

Tak dałem enter i znajduję tutaj podświetlone frazy.

OK teraz przejdziemy do drugiej nowości, która jest w tym rozszerzonym naszym kodzie źródłowym takim edytorze.

To, że możemy sobie wyszukiwać i zmieniać rzeczy co jest bardzo przydatne.

Jak ktoś pracuje dużo w kodzie to na pewno doceni.

Poprzednio poszukiwaliśmy Google wyszukujemy sobie Google wpisujemy w

Google, jeśli nie masz wpisane dajemy na Enter.

I tutaj system nas prosi.

Tutaj jest zamień, a będziemy śmieszni i zamienimy z Bingiem.

Tak. I dajemy enter.

Zostało jak widzieliście tutaj.

Zamienił się nam Google na Bing i Google na Bing.

Niestety jest to wersja prosta, czyli wszelkie wyrażenia, które zostały znalezione jako słowo oczywiście możemy tutaj zobaczyć też mamy nadal podświetlone, ale nam się nie zmieniło.

Pozostają bez zmian, czyli tylko jedno wyrażenie, które pasuje, czyli jedno słowo, które wyszukujemy.

Oczywiście moglibyśmy skorzystać z wyrażeń regularnych, które są tutaj zaimplementowane, ale to już jest wiedza szersza.

OK kliknij OK.

Drugą opcją, do której możemy dotrzeć do tego kodu niekoniecznie z tego poziomu, czyli z Ikonki.

Mamy Tools mamy Source Code Plus.

Otwiera nam się to samo okienko.

Mamy te same opcje, bo to jest to samo okienko.

OK zamykamy i na lekcji demo.

W tym momencie, jeśli chodzi o kolorowanie składni to by było na tyle.

Zapraszam Cię do krótkiego podsumowania.

Witam Cię ponownie już po lekcji demo.

Jak widzisz Tinymce, nie jest taki zły i cały czas rozwijany.

Ma nowe opcje, a to nie jest jedyna opcja, która doszła w Joomla 4.1. jeśli chodzi o ten edytor. Następny lekcje porozmawiamy sobie o innej opcji, która jest przydatna dla wielojęzycznych stron, ale o tym już w następnym odcinku.

Zachęcam Cię oczywiście do kciuka w górę do subskrybowania tego kanału i do kliknięcia dzwonek, aby Ci przychodziły powiadomienia.

Jeśli masz jakieś pytania odnośnie tego odcinka konkretnego podświetlania

kodu w edytorze Tinymce to zachęcam Cię do pozostawienia komentarza na dole.

I to by było na tyle. Dziękuję bardzo za uwagę.

Zapraszam do kolejnej odsłony Joomla 4 nowości.

Cześć.