Edytor HTML

Z MoodleDocs
Skocz do:nawigacja, szukaj

Edytor HTML Richtext dostarcza interfejs do przetwarzania treści w intuicyjny sposób tworząc przy tym zwykły kod HTML.

Dodatkowo edytor zapewnia kilka opcji, które mogą się okazać pomocne.

Klikając na określone ikony (funkcje) pojawi się małe okno. Niestety często chowa się ono od razu za aktualnie używanym oknem, tak więc można go nie dostrzec. Aby uaktywnić nowe okno użyj kombinacji klawiszy [Alt]+[Tab].

Pasek narzędzi edytora HTML

Plik:Course Lesson Page Content Toolbar.GIF
HTML editor toolbar in a Lesson page

Kopiowanie z innych aplikacji

  • Możesz skopiować tekst z innych Windowsowych programów jak np. Microsoft Word prosto do okienka edytora HTML nie tracąc przy tym formatowania. Użyj zwykłej metody kopiuj wklej (lub Control-C i Control-V).
  • Przycisk: Wyczyść formatowanie Word usuwa zbędne elementy formatowania tekstu używane przez program MS Word. Dzięki temu tekst jest mniejszy, mniej skomplikowany i przez to szybciej się ładuje. Microsoft Office HTML Filter 2.0 usuwa formatowanie MS Word efektywniej. Ten filtr jest wbudowany w pakiet Office począwszy od wersji Microsoft Office XP.

Wstawianie grafiki

Jeżeli posiadasz już jakieś obrazy opublikowane w sieci i dostępne za pomocą adresu URL, możesz je załączyć do tekstu używając funkcji "Insert Image". Moodle rozpoznaje pliki typu JPG, GIF oraz PNG.

Wstawianie tabel

  • Aby dodać szablon do swojego tekstu możesz użyć funkcji "Wstaw tabelę".
  • Większość narzędzi do edycji tabel jest dostępna po kliknięciu na przycisk Rozszerz/powiększ edytor.

Wstawianie linków

Aby wstawić nowy link,

  • wprowadź tekst, który będzie odnośnikiem
  • zaznacz go
  • kliknij w przycisk tworzenia linku w pasku narzędzi
  • wprowadź (lub wklej, lub przeglądaj) adres URL, do którego linki będzie prowadził link to
  • kliknij OK

UWAGA: Ta procedura nie działa wewnątrz modułu wiki, gdzie chcesz użyć linku wiki (nawiasy kwadratowe z nagłówkiem oraz linkiem oddzielonym pionową kreską)

Wstawianie buziek (emotikon)

Aby wstawić buźkę do tekstu kliknij w przycisk uśmiechów w pasku narzędzi. Pojawią się dostępne emotikony.(alternatywna metoda polega na wstawieniu tekstu odpowiadającemu danej ikonie, który podczas wyświetlania tekstu będzie na nią zamieniony).

Skróty klawiszowe

Klawisz Działanie
Ctrl-C Kopiuj
Ctrl-V Wklej
Ctrl-X Wytnij
Ctrl-O Zmień czcionkę
Ctrl-P Zmień rozmiar czcionki
Ctrl-H Zmień format tekstu (nagłówki itp.)
Ctrl-1 do Ctrl-6, poziom nagłówka
Ctrl-= Zmień język tekstu dla odbiorcy, lub podaj dane dla filtra Multilang
Ctrl-B Pogrubienie
Ctrl-I Kursywa
Ctrl-U Podkreślenie
Ctrl-S Przekreślenie
Ctrl-, Indeks dolny
Ctrl-. Indeks górny
Ctrl-0 Wyczyść formatowanie Word
Ctrl-Z Cofnij
Ctrl-Y Przywróć
Ctrl-L Wyrównaj do lewej
Ctrl-E Wyśrodkuj
Ctrl-J Justuj
Ctrl-/ Kierunek tekstu z lewej do prawej
Ctrl-| Kierunek tekstu z prawej do lewej
Ctrl-; Zmniejsz wcięcie
Ctrl-' Zwiększ wcięcie
Ctrl-G Zmień kolor tekstu
Ctrl-K Zmień kolor tła
Ctrl-F Znajdź i zamień
Ctrl-` Przełącz na widok kodu źródłowego
Ctrl-M Włącz w trybie pełnoekranowym
Ctrl-Alt-O Wstaw uporządkowaną listę
Ctrl-Alt-U Wstaw nieuporządkowaną listę
Ctrl-Alt-R Wstaw linię poziomą
Ctrl-Alt-A Utwórz kotwicę (anchor)
Ctrl-Alt-L Wstaw link
Ctrl-Alt-D Usuń link
Ctrl-Alt-N Wyłącz autolinkowanie
Ctrl-Alt-I Wstaw obraz
Ctrl-Alt-T Wstaw tabelę
Ctrl-Alt-S Wstaw buźkę
Ctrl-Alt-C Wstaw znak specjalny

Edycja kodu

Przycisk [<>] służy do przełączania na widok czystego kodu HTML. To może być użyteczne dla tych, którzy wiedzą, jak edytować HTML (lub chcących się nauczyć!). Większość funkcji nie działa w tym trybie, niestety nawet nie 'Znajdź i zamień'.

Zobacz także