Wbudowany edytor HTML umożliwia instruktorom, nauczycielom i administratorom tworzenie i edytowanie treści bezpośrednio w kursach, wiadomościach, widżetach i nie tylko.
W tym artykule dowiesz się, jak uzyskać dostęp do różnych elementów edytora i jak z nich korzystać, aby tworzyć angażujące i estetyczne treści.
Edytor HTML wyświetla się podczas edycji treści w kursach, wiadomościach, widżetach i innych elementach. Pasek narzędzi składa się z paska menu i ikon, które umożliwiają edycję treści w danej sekcji.
Należy pamiętać, że zrzuty ekranu w tym artykule wyświetlają się w sekcji kursu, ale pasek narzędzi działa tak samo w kursach, wiadomościach i widżetach. Kreator treści po lewej stronie paska narzędzi jest dostępny tylko podczas edycji kursów.

Górny pasek menu składa się z siedmiu menu, które omówimy bardziej szczegółowo poniżej.
Plik
Menu Plik zawiera następujące akcje:
Tytuł | Opis |
Nowy dokument | Czyści okno tekstowe ze wszystkich tekstów/obrazów/linków. |
Zapowiedź | Otwórz okno pop-up, aby zobaczyć podgląd opublikowanej treści. |
Wydrukować | Wydrukuj treść w oknie tekstowym. |
Redagować
Menu Edycja zawiera następujące czynności.
Tytuł | Opis |
Anulować
| Cofnij ostatnią czynność.
|
Przerobić | Powtórz ostatnią czynność.
|
Cięcie | Usuń zaznaczony tekst/obraz i zapisz go w schowku. |
Kopia | Skopiuj zaznaczony tekst/obraz i zapisz go w schowku. |
Pasta
| Wklej tekst/obraz ze schowka. |
Wklej jako tekst
| Wklej zawartość schowka jako zwykły tekst, bez formatowania. |
Zaznacz wszystko | Zaznacz/zaznacz całą zawartość okna tekstowego. |
Znajdź i zamień
| Znajdź słowo lub frazę i zastąp je nowym słowem/frazą (jeśli dotyczy). |
Pogląd
Menu Widok zawiera następujące akcje umożliwiające przeglądanie tekstu i znaków w oknie tekstowym.
Tytuł | Opis |
Kod źródłowy
| Przeglądaj/edytuj kod źródłowy w oknie tekstowym.
|
Pokaż niewidoczne znaki | Wyświetla niewidoczne znaki, takie jak spacje i miękkie znaki powrotu.
|
Pokaż bloki | Pokazuje bloki akapitów w oknie tekstowym. |
Zapowiedź | Otwórz okno podręczne, aby zobaczyć podgląd opublikowanej treści. |
Wstawić
Menu Wstaw zawiera następujące czynności umożliwiające wstawianie obrazów, filmów, tabel, łączy i innych.
Tytuł | Opis |
Połączyć | Wstaw hiperłącze do adresu URL. |
| Głoska bezdźwięczna | Wstaw/osadź element multimedialny. |
| Tabela | Wstaw i zbuduj tabelę. |
| Znak specjalny | Wstaw znak specjalny. |
| Emoji | Wstaw emoji. |
Linia pozioma | Wstaw linię poziomą. |
Podział strony | Wstaw podział, aby rozpocząć nową stronę. |
Nierozdzielana spacja | Wstaw spację, która nie spowoduje podziału strony. |
Kotwica | Wstaw kotwicę/zakładkę w danym miejscu/lokalizacji. |
Wstaw szablon | Wstaw zapisany szablon. |
Zapisz jako szablon | Zapisz zaznaczony tekst jako szablon. |
Data/godzina | Wprowadź datę i godzinę z menu rozwijanego. |
Edytuj równanie | Kliknij, aby edytować podświetlone równanie. |
Prześlij obraz | Kliknij, aby przesłać obraz. |
Prześlij plik | Kliknij, aby przesłać plik. |
Utwórz konferencję internetową | Kliknij, aby dodać konferencję internetową do tekstu*. |
Nagraj dźwięk | Kliknij, aby nagrać dźwięk bezpośrednio w oknie tekstowym. |
Nagraj wideo | Kliknij, aby nagrać wideo bezpośrednio w oknie tekstowym. |
* Aby wyświetlić opcje tworzenia konferencji internetowych, należy najpierw zainstalować aplikację(y) do konferencji internetowych z Centrum aplikacji.
Menu Format zawiera następujące czynności umożliwiające formatowanie tekstu.
Tytuł | Opis |
Pogrubiony
| Pogrub zaznaczony tekst. |
italski | Zmień pisownię zaznaczonego tekstu na kursywę. |
Podkreślać | Podkreśl zaznaczony tekst. |
Przekreślenie | Przekreśl zaznaczony tekst. |
Napisany u góry | Sformatuj zaznaczony tekst jako indeks górny. |
Indeks dolny | Sformatuj zaznaczony tekst jako indeks dolny. |
Kod | Sformatuj zaznaczony tekst jako kod. |
Bloki | Wstaw odpowiedni format bloku z menu rozwijanego. |
Czcionki | Wybierz inną czcionkę z menu rozwijanego. |
Rozmiary czcionek | Wybierz rozmiar czcionki z menu rozwijanego. |
Wyrównywać | Wybierz styl wyrównania tekstu z menu rozwijanego. |
Wysokość linii | Wybierz wysokość linii z menu rozwijanego. |
Zwiększ wcięcie | Wcięcie tekstu lub akapitu w prawo. |
Zmniejsz wcięcie | Przesuń tekst lub akapit w lewo. |
Kolor tekstu | Wybierz żądany kolor tekstu z menu rozwijanego. |
Kolor tła | Wybierz kolor tła z menu rozwijanego. |
Wyczyść formatowanie | Wyczyść formatowanie zaznaczonego tekstu. |
W menu Narzędzia znajdują się następujące czynności.
Tytuł | Opis |
Kod źródłowy
| Przeglądaj/edytuj kod źródłowy. |
| Liczba słów | Wyświetl liczbę słów i znaków. |
Tabela
Menu Tabela zawiera następujące akcje umożliwiające wstawienie tabeli i modyfikację jej struktury.
Tytuł | Opis |
Tabela | Wstaw tabelę. |
| Komórka | Opcje modyfikacji dla wybranych komórek z menu rozwijanego. |
Wiersz | Z menu rozwijanego możesz modyfikować, usuwać i/lub wstawiać opcje dla wybranych wierszy. |
Kolumna | Z menu rozwijanego możesz modyfikować, usuwać i/lub wstawiać opcje dla wybranych kolumn. |
Właściwości tabeli | Przeglądaj i modyfikuj właściwości tabeli, takie jak szerokość, wysokość, obramowanie itp. |
Usuń tabelę | Usuń wybraną tabelę. |
Poniżej menu głównego znajduje się pasek narzędzi, na którym znajdują się łatwo dostępne opcje rozwijane i ikony umożliwiające dodatkowe formatowanie.
Cofnij i ponów
- Kliknij ikonę Cofnij , aby cofnąć poprzednią czynność.
- Kliknij ikonę Powtórz , aby przywrócić poprzednią ikonę.
Style akapitów i nagłówków
- Kliknij menu rozwijane stylu nagłówka , aby zastosować formaty i style do tekstu.
Styl czcionki
- Kliknij menu rozwijane czcionek , aby zmienić czcionkę tekstu.
- Kliknij menu rozwijane rozmiaru czcionki , aby zmienić rozmiar tekstu.
- Kliknij ikonę pogrubienia , aby pogrubić tekst.
- Kliknij ikonę kursywy , aby zastosować kursywę do tekstu.
- Kliknij ikonę podkreślenia , aby podkreślić tekst.
- Kliknij ikonę koloru tekstu , aby wybrać/zmienić kolor czcionki.
Wyrównanie tekstu
- Kliknij ikonę wyrównania , aby wyrównać tekst.
Lista wypunktowana
- Kliknij ikonę listy wypunktowanej, aby utworzyć i sformatować listę wypunktowaną.
Lista numerowana
- Kliknij ikonę listy numerowanej, aby utworzyć i sformatować listę wypunktowaną lub numerowaną.
Prześlij obraz i plik
- Kliknij ikonę przesyłania obrazu , aby przesłać obraz.
- Kliknij ikonę przesyłania plików , aby przesłać dowolny plik.
- Kliknij ikonę Wyczyść formatowanie , aby wyczyścić style, które mogły zostać przeniesione w wyniku kopiowania i wklejania treści.
Kolor tła
- Kliknij ikonę Kolor tła , aby wyróżnić tekst/obrazy.
Aby uzyskać dodatkowe funkcjonalności:
- Kliknij więcej
ikona służąca do wyświetlania paska narzędzi zaawansowanych.
Zaawansowany pasek narzędzi jest wyświetlany pod paskiem narzędzi pomocniczych i zawiera dodatkowe opcje opisane poniżej.
Wcięcia i linia pozioma
- Kliknij ikonę Zmniejsz wcięcie , aby zmniejszyć wcięcie tekstu.
- Kliknij ikonę Zwiększ wcięcie , aby wciąć tekst.
- Kliknij ikonę linii poziomej , aby wstawić linię poziomą.
Emoji
- Kliknij Emoji
ikona otwierająca klawiaturę Emoji.
- Kliknij emoji, aby ją wstawić.
Znaki specjalne
- Kliknij znak specjalny
ikonę, aby otworzyć wyskakujące okienko Znak specjalny. - Kliknij znak specjalny, aby go wstawić.
Zaawansowane ikony
- Kliknij ikonę Wstaw/edytuj łącze
aby wstawić link do dowolnego adresu URL. - Kliknij ikonę Wstaw/Edytuj multimedia
aby wstawić/osadzić link do dowolnego adresu URL. - Kliknij ikonę Wstaw/edytuj równanie
aby wstawić/osadzić link do dowolnego adresu URL. - Kliknij ikonę Wstaw szablon
Aby wstawić szablon.
- Kliknij ikonę kodu źródłowego
aby wyświetlić kod źródłowy bieżącej strony.
- Kliknij ikonę Nagraj dźwięk
aby nagrywać dźwięk bezpośrednio na stronę kursu.
- Kliknij ikonę Nagraj wideo
aby nagrywać wideo bezpośrednio na stronę kursu.
- Kliknij ikonę Utwórz konferencję internetową
Aby utworzyć łącze do konferencji internetowej, użyj jednej z opcji rozwijanych.
- Uwaga - wyświetlane będą tylko aplikacje do konferencji internetowych zainstalowane na Twojej platformie.

Najlepsze praktyki
Skorzystaj z tych najlepszych praktyk, aby w pełni wykorzystać możliwości edytora.
- Aby wstawić podział wiersza zamiast nowego akapitu, naciśnij klawisze Shift + Enter.
- Podczas osadzania widżetów HTML należy najpierw wyświetlić okno tekstowe w kodzie źródłowym.
- Kliknij menu rozwijane Widok .
- Kliknij < > Kod źródłowy .
- Wklejaj treści stron trzecich jako zwykły tekst, aby uniknąć błędów formatowania.
- Aby uczynić granice tabeli niewidocznymi:
- Wybierz tabelę.
- Kliknij Właściwości tabeli .
- Na karcie Ogólne okna podręcznego ustaw szerokość obramowania na „0”.
- Na karcie Zaawansowane wybierz styl obramowania „Ukryty” lub „Brak”.

Sprawdzanie pisowni
Edytor zawiera moduł sprawdzania pisowni, który oznacza niepoprawnie napisane słowa czerwoną linią. Aby poprawić błąd ortograficzny:
- Naciśnij CTRL + Kliknij prawym przyciskiem myszy .
- Wybierz poprawną pisownię z listy sugestii.
Osadzanie zmiennych
Możesz osadzać zmienne na stronach lekcji, używając formatu {{nazwa zmiennej}}. Pozwala to na dostosowywanie treści do użytkowników i kursów.
Na stronie z treścią można używać następujących zmiennych:
- {{class_custom_field_1}}
- {{class_custom_field_2}}
- {{data_zakończenia_klasy}}
- {{id_klasy}}
- {{lokalizacja_klasy}}
- {{nazwa_klasy}}
- {{nazwa_klasy_z_linkiem}}
- {{data rozpoczęcia zajęć}}
- {{completed_at_utc}}
- {{kod_kursu}}
- {{kredyty}}
- {{dni_w_klasie}}
- {{pozostało_dni}}
- {{deactivate_students_after}}
- {{id_organizacji}}
- {{nazwa_organizacji}}
- {{kod_sekcji}}
- {{nazwa_strony}}
- {{nazwa_witryny_z_adresem_url}}
- {{nazwa_nauczyciela}}
- {{nazwa_nauczyciela_z_linkiem}}
- {{adres e-mail użytkownika}}
- {{imię_użytkownika}}
- {{pełna_nazwa_użytkownika}}
- {{pełna_nazwa_użytkownika_z_linkiem}}
- {{identyfikator_użytkownika}}
- {{nazwisko_użytkownika}}
- {{user_prefered_contact_method}}
- {{user_ssn}}
- {{identyfikator użytkownika}}
- {{Dlaczego}}
Filmy o dobieraniu rozmiarów
Jeśli dodasz film jako link w edytorze HTML, możesz ustawić jego rozmiar za pomocą tego kodu HTML:
<a width='100' height='700'>łącze</a>.
- Jeśli chcesz, aby rozmiar filmu został dostosowany automatycznie, możesz pominąć jedną z wartości (szerokość lub wysokość).
- Możesz również użyć wartości procentowych, aby ustawić rozmiar filmu, na przykład <width='100%' >.
Edycja obrazów
Edytor oferuje różne opcje edycji obrazów po ich przesłaniu. Aby edytować obraz:
- Kliknij obraz.
- Pojawia się menu opcji.
Ikona | Opis
|
| Obróć obraz przeciwnie do ruchu wskazówek zegara |
| Obróć obraz zgodnie z ruchem wskazówek zegara |
| Odwróć obraz poziomo |
 | Odwróć obraz w pionie |
| Przytnij obraz |
| Edytuj właściwości obrazu |

Jeśli wybierzesz ikonę Edytuj właściwości obrazu , wyświetli się okno podręczne Wstaw/Edytuj obraz.
- Źródło : Wyświetla źródło obrazu.
- Opis alternatywny : Ten opis jest odczytywany przez czytniki ekranu w celu ułatwienia korzystania użytkownikom z wadami wzroku.
- Szerokość i wysokość : Dostosuj rozmiar obrazu.
- Uwaga: Użyj ikony kłódki, aby mieć pewność, że obraz zachowa proporcje szerokości i wysokości.

Dodając nowy obraz, możesz również dodać opis dla czytników ekranu:
- Wprowadź opis w polu Opis obrazu .

Szablony treści
Szablony treści pozwalają na zapisywanie fragmentów kodu HTML w katalogu zasobów, a następnie łatwe wstawianie ich do obszarów treści w przyszłości. Funkcja ta umożliwia utworzenie biblioteki popularnych elementów treści, z których często korzystasz w swoich obszarach treści.
Aby dodać fragment kodu HTML do szablonu treści:
- Zaznacz tekst i/lub obrazy w edytorze HTML.
- Kliknij prawym przyciskiem myszy.
- Wybierz opcję Zapisz jako szablon .
- Wprowadź tytuł szablonu.
- Kliknij OK .
- Szablon treści zostanie zapisany w Twojej osobistej bibliotece.

Aby uzyskać dostęp do zapisanych szablonów treści:
- Kliknij Zasoby na pasku nawigacyjnym po lewej stronie.
- Kliknij Katalog w menu podręcznym.
- Filtruj według Typu zasobu > Szablonu zawartości w panelu Szukaj.
- Kliknij szablon treści.
Wyświetla się szablon treści. Aby zobaczyć więcej szczegółów na temat szablonu treści:
- Kliknij Szczegóły .
Możesz teraz zaktualizować sekcję treści:
- Kliknij Edytuj , aby edytować treść .
- Kliknij Usuń , aby usunąć szablon.

Jeśli klikniesz edytuj, możesz zaktualizować treść i udostępnić ją innym użytkownikom.
- Wybierz bibliotekę Osobiste , Organizacyjne lub Firmowe , jeśli chcesz, aby szablon treści był dostępny dla innych użytkowników.
- Po edytowaniu treści kliknij Zapisz .

Aby wstawić kopię szablonu treści do sekcji:
- Uzyskaj dostęp do sekcji.
- Kliknij prawym przyciskiem myszy.
- Wybierz opcję Wstaw szablon .
- Wybierz szablon z listy rozwijanej.
- Kliknij Zapisz .