Jak používat HTML editor

HTML editor

Přehled

Vestavěný editor HTML umožňuje instruktorům, učitelům a administrátorům vytvářet a upravovat obsah přímo v kurzech, zprávách, widgetech a dalších prvcích.

Tento článek vás naučí, jak přistupovat k různým prvkům editoru a jak je používat k vytváření poutavého a estetického obsahu.

Informace
Vezměte prosím na vědomí, že obchodní platforma standardně používá termín semestrální kurz a akademická platforma standardně termín semestrální přednášku . Pojmy kurz a přednáška jsou v tomto článku zaměnitelné.

Nabídka panelu nástrojů

HTML editor se zobrazuje při úpravě obsahu v kurzech, zprávách, widgetech a dalších prvcích. Panel nástrojů se skládá z lišty nabídek a ikon, které umožňují upravovat obsah v sekci.

Informace
Upozorňujeme, že snímky obrazovky v tomto článku se zobrazují v sekci kurzu, ale panel nástrojů funguje stejně v rámci kurzů, zpráv a widgetů. Nástroj pro tvorbu obsahu nalevo od panelu nástrojů je k dispozici pouze při úpravě kurzů.

Kurz, modul, sekce stránky v režimu úprav se zvýrazněným panelem nástrojů

Horní lišta nabídek se skládá ze sedmi nabídek, které jsou podrobněji popsány níže.

Sekce Kurz, Modul, Upravit se zvýrazněnými horními nabídkami panelu nástrojů

Soubor

Nabídka Soubor obsahuje následující akce:

Titul
Popis
Nový dokument
Vymaže textové okno od veškerého textu/obrázků/odkazů.
Náhled
Otevřete vyskakovací okno pro zobrazení náhledu publikovaného obsahu.
Vytisknout
Vytiskněte obsah v textovém okně.

Upravit

Nabídka Upravit obsahuje následující akce.

Titul
Popis
Zpět
Vrátit zpět svou poslední akci.
Předělat
Zopakujte svou poslední akci.
Střih
Odstraňte vybraný text/obrázek a uložte jej do schránky.
Kopie
Zkopírujte vybraný text/obrázek a uložte jej do schránky.
Pasta
Vložit text/obrázek ze schránky.
Vložit jako text
Vložit obsah ze schránky pouze jako text, bez formátování.
Vybrat vše
Vybrat/zvýraznit veškerý obsah v textovém okně.
Najít a nahradit
Najděte slovo nebo frázi a nahraďte ji novým slovem/frází (pokud je to relevantní).

Pohled

Nabídka Zobrazit obsahuje následující akce pro zobrazení textu a znaků v textovém okně.

Titul
Popis
Zdrojový kód
Zobrazte/upravte zdrojový kód v textovém okně.
Zobrazit neviditelné znaky
Zobrazuje neviditelné znaky, jako jsou mezery a mezery v kódu.
Zobrazit bloky
Zobrazuje bloky odstavců v textovém okně.
Náhled
Otevřete vyskakovací okno pro zobrazení náhledu publikovaného obsahu.

Vložit

Nabídka Vložit obsahuje následující akce pro vkládání obrázků, videí, tabulek, odkazů a dalších prvků.

Titul
Popis
Odkaz
Vložit hypertextový odkaz na URL adresu.
Média
Vložit/vložit mediální soubor.
Tabulka Vložit a vytvořit tabulku.
Speciální znak Vložte speciální znak.
Emoji Vložte emoji.
Vodorovná čára
Vložte vodorovnou čáru.
Zalomení stránky
Vložením zalomení začněte novou stránku.
Nerozbitný prostor
Vložte mezeru, která nezalomí stránku.
Kotva
Vložit kotvu/záložku na danou pozici/umístění.
Vložit šablonu
Vložte uloženou šablonu.
Uložit jako šablonu
Uložte zvýrazněný text jako šablonu.
Datum/čas
V rozbalovací nabídce vložte možnosti data nebo času.
Upravit rovnici
Kliknutím upravíte zvýrazněnou rovnici.
Nahrát obrázek
Kliknutím nahrajete obrázek.
Nahrát soubor
Kliknutím nahrajete soubor.
Vytvořte webové konference
Kliknutím přidáte do textu webovou konferenci*.
Nahrávání zvuku
Kliknutím na tlačítko nahráte zvuk přímo v textovém okně.
Nahrát video
Kliknutím na tlačítko nahráte video přímo v textovém okně.
Informace
* Aby se zobrazily možnosti Vytvořit webovou konferenci, je nejprve nutné nainstalovat aplikace pro webové konference z Centra aplikací.

Formát

Nabídka Formát obsahuje následující akce pro formátování textu.

Titul
Popis
Tučné písmo
Tučně zvýraznit vybraný text.
Kurzíva
Kurzíva vybraného textu.
Zdůraznit
Podtrhněte vybraný text.
Přeškrtnuté
Přeškrtnout vybraný text.
Horní index
Naformátovat vybraný text jako horní index.
Dolní index
Naformátovat vybraný text jako dolní index.
Kód
Naformátujte vybraný text jako kód.
Bloky
Vložte příslušné formátování bloku z rozbalovací nabídky.
Fonty
Vyberte jiné písmo z rozbalovací nabídky.
Velikosti písma
Vyberte velikost písma z rozbalovací nabídky.
Zarovnat
V rozbalovací nabídce vyberte styl zarovnání textu.
Výška řádku
Vyberte výšku řádku z rozbalovací nabídky.
Zvětšit odsazení
Odsadit text nebo odstavec doprava.
Zmenšit odsazení
Přesunout text nebo odstavec doleva.
Barva textu
V rozbalovací nabídce vyberte požadovanou barvu textu.
Barva pozadí
Vyberte barvu pozadí z rozbalovací nabídky.
Vymazat formátování
Vymazat formátování z vybraného textu.

Nástroje

Nabídka Nástroje obsahuje následující akce.

Titul
Popis
Zdrojový kód
Zobrazit/upravit zdrojový kód.
Počet slov Zobrazit počet slov a znaků.

Tabulka

Nabídka Tabulka obsahuje následující akce pro vložení tabulky a úpravu její struktury.

Titul
Popis
Tabulka
Vložit tabulku.
Buňka Možnosti úprav pro vybrané buňky z rozbalovací nabídky.
Řádek
V rozbalovací nabídce můžete pro vybraný řádek (řádky) upravit, odstranit a/nebo vložit možnosti.
Sloupec
V rozbalovací nabídce můžete pro vybrané sloupce upravit, odstranit a/nebo vložit možnosti.
Vlastnosti tabulky
Zobrazení a úprava vlastností tabulky, jako je šířka, výška, ohraničení atd.
Smazat tabulku
Smazat vybranou tabulku.

Sekundární nabídka panelu nástrojů

Pod hlavní nabídkou se nachází panel nástrojů, který obsahuje snadno dostupné rozbalovací nabídky a ikony pro další formátování.

Sekce Kurz, Modul, Upravit se zvýrazněnými ikonami sekundární nabídky panelu nástrojů

Zpět a znovu

  1. Kliknutím na ikonu Zpět vrátíte zpět předchozí akci.
  2. Kliknutím na ikonu Znovu zopakujete předchozí ikonu.
Ikony pro vrácení a opakování

Styly odstavců a nadpisů

  1. Klikněte na rozbalovací nabídku stylů nadpisů a použijte na text formáty a styly.

Kurz, Modul, Sekce Upravit s aktivní a zvýrazněnou nabídkou Styl nadpisu

Styl písma

  1. Klikněte na rozbalovací nabídku písma a změňte písmo textu.
Kurz, Modul, Sekce Upravit s aktivní a zvýrazněnou nabídkou Styl písma

Velikost písma

    1. Klikněte na rozbalovací nabídku velikosti písma a změňte velikost textu.
    Kurz, Modul, Sekce Upravit s aktivní a zvýrazněnou nabídkou Velikost písma

    Formát písma

    1. Kliknutím na ikonu tučného písma zvýrazníte text tučně.
    2. Kliknutím na ikonu kurzívy zobrazíte text kurzívou.
    3. Kliknutím na ikonu podtržení podtrhnete text.
    Ikony tučného písma, kurzívy a podtržení

    Barva textu

      1. Kliknutím na ikonu barvy textu můžete vybrat/změnit barvu písma.
      Sekce Kurz, Modul, Upravit s aktivní a zvýrazněnou nabídkou barvy textu

      Zarovnání textu

      1. Kliknutím na ikonu zarovnání zarovnáte text.

      Kurz, Modul, Sekce Upravit s aktivní a zvýrazněnou nabídkou Zarovnání

      Seznam s odrážkami

      1. Kliknutím na ikonu seznamu s odrážkami vytvoříte a naformátujete seznam s odrážkami.
      Sekce Kurz, Modul, Upravit s aktivní a zvýrazněnou nabídkou Seznam s odrážkami

      Číslovaný seznam

      1. Kliknutím na ikonu číslovaného seznamu vytvořte a naformátujte seznam s odrážkami nebo číslovaný seznam.
      Sekce Kurz, Modul, Upravit s aktivní a zvýrazněnou nabídkou Číslovaný seznam

      Nahrát obrázek a nahrát soubor

      1. Klikněte na ikonu nahrání obrázku pro nahrání obrázku.
      2. Klikněte na ikonu nahrání souboru pro nahrání libovolných souborů.
      Ikony pro nahrání obrázku a nahrání souboru

      Vymazat formátování

      1. Kliknutím na ikonu Vymazat formátování vymažete styly, které mohly být přeneseny kopírováním a vkládáním obsahu.
      Ikona Vymazat formátování

      Barva pozadí

      1. Kliknutím na ikonu Barva pozadí přidáte zvýraznění k textu/obrázkům.
      Kurz, Modul, Sekce Upravit s aktivní a zvýrazněnou nabídkou Barva pozadí

      Rozšířený panel nástrojů

      Pro další funkce:

      1. Klikněte na více ikonu pro zobrazení pokročilého panelu nástrojů.

      Kurz, Modul, sekce Upravit se zvýrazněnou ikonou Více

      Rozšířený panel nástrojů se zobrazuje pod sekundárním panelem nástrojů a obsahuje další možnosti popsané níže.

      Sekce Kurz, Modul, Upravit se zvýrazněnými ikonami panelu nástrojů Upřesnit

      Odsazení a vodorovná čára

      1. Kliknutím na ikonu Zmenšit odsazení zmenšíte odsazení textu.
      2. Kliknutím na ikonu Zvětšit odsazení odsadíte text.
      3. Klikněte na ikonu Vodorovná čára pro vložení vodorovné čáry.
      Ikony zmenšení odsazení, zvětšení odsazení a vodorovné čáry

      Emoji

      1. Klikněte na emotikon Ikona emotikonu ikonu pro otevření klávesnice s emotikony.
      2. Kliknutím na emotikon jej vložíte.
      Kurz, Modul, Sekce Upravit s vyskakovací obrazovkou Emoji

      Speciální znaky

      1. Klikněte na speciální znak Ikona speciálního znaku ikonu otevřete vyskakovací okno Speciální znak.
      2. Kliknutím vložíte speciální znak.

      Kurz, Modul, Sekce Upravit s vyskakovací obrazovkou Speciální znaky

      Pokročilé ikony

      1. Klikněte na ikonu Vložit/upravit odkaz vložit odkaz na libovolnou URL adresu.
      2. Klikněte na ikonu Vložit/Upravit média vložit/vložit odkaz na libovolnou URL adresu.
      3. Klikněte na ikonu Vložit/upravit rovnici vložit/vložit odkaz na libovolnou URL adresu.
      4. Klikněte na ikonu Vložit šablonu Ikona vložení šablony vložit šablonu.
      5. Klikněte na ikonu Zdrojový kód Ikona zdrojového kódu zobrazit zdrojový kód aktuální stránky.
      6. Klikněte na ikonu Nahrát zvuk Ikona nahrávání zvuku nahrávat zvuk přímo na stránku kurzu.
      7. Klikněte na ikonu Nahrát video Ikona nahrávání videa nahrávat video přímo na stránku kurzu.
      1. Klikněte na ikonu Vytvořit webovou konferenci Vytvořit ikonu webových konferencí vytvořit odkaz na webovou konferenci pomocí jedné z rozbalovacích možností.
        1. Poznámka – Zobrazí se pouze aplikace pro webové konference, které máte nainstalované na vaší platformě.

      Kurz, Modul, sekce Upravit s aktivní a zvýrazněnou nabídkou Vytvořit webovou konferenci

      Nejlepší postupy

      Využijte tyto osvědčené postupy, abyste z editoru vytěžili maximum.

      • Chcete-li vložit zalomení řádku místo nového odstavce, stiskněte klávesy Shift + Enter.
      • Při vkládání HTML widgetů si nejprve zobrazte textové okno ve zdrojovém kódu.
        • Klikněte na rozbalovací nabídku Zobrazit.
        • Klikněte na < > Zdrojový kód .
      • Vložte obsah třetích stran jako prostý text, abyste se vyhnuli chybám formátování.
      • Aby byly okraje tabulky neviditelné:
        • Vyberte tabulku.
        • Klikněte na Vlastnosti tabulky .
        • Na kartě Obecné v rozbalovací nabídce nastavte šířku ohraničení na „0“.
        • Na kartě Upřesnit vyberte styl ohraničení na „Skrytý“ nebo „Žádný“.

      Kurz, Modul, Sekce Upravit s vybranou tabulkou a zvýrazněnou ikonou Vlastnosti tabulky

      Kontrola pravopisu

      Editor obsahuje kontrolu pravopisu, která označuje slova s ​​pravopisnými chybami červenou čarou. Oprava pravopisné chyby:

      1. Stiskněte CTRL + Klikněte pravým tlačítkem myši .
      2. Vyberte správný pravopis ze seznamu návrhů.
      Sekce Kurz, Modul, Upravit s aktivní a zvýrazněnou nabídkou pravopisu

      Vkládání proměnných

      Proměnné můžete vkládat do stránek lekcí pomocí formátu {{název proměnné}}. To vám umožní přizpůsobit obsah pro uživatele a kurzy.

      Na stránce s obsahem lze použít následující proměnné:
      • {{class_custom_field_1}}
      • {{class_custom_field_2}}
      • {{datum_končení_třídy}}
      • {{class_id}}
      • {{umístění_třídy}}
      • {{název_třídy}}
      • {{název_třídy_s_odkazem}}
      • {{datum_zahájení_třídy}}
      • {{completed_at_utc}}
      • {{kód_kurzu}}
      • {{kredity}}
      • {{dny_ve_třídě}}
      • {{zbývající_dny}}
      • {{deactivate_students_after}}
      • {{id_organizace}}
      • {{název_organizace}}
      • {{kód_sekce}}
      • {{název_stránky}}
      • {{název_stránky_s_url}}
      • {{jméno_učitele}}
      • {{jméno_učitele_s_linkem}}
      • {{email_uživatele}}
      • {{user_first_name}}
      • {{user_full_name}}
      • {{user_full_name_with_link}}
      • {{user_id}}
      • {{user_last_name}}
      • {{user_preferred_contact_method}}
      • {{user_ssn}}
      • {{uživatelské_ID}}
      • {{proč}}

      Kurz, modul, sekce Upravit se zvýrazněnými příklady proměnných

      Videa o velikosti

      Pokud přidáte video jako odkaz v HTML editoru, můžete jeho velikost nastavit pomocí tohoto HTML kódu:
      <a width='100' height='700'>odkaz</a>.
      1. Pokud chcete, aby se velikost videa měnila automaticky, můžete jednu z hodnot (šířku nebo výšku) vynechat.
      2. Velikost videa můžete také nastavit pomocí procentuálních hodnot, například <width='100%' >.

      Úprava obrázků

      Editor nabízí různé možnosti pro úpravu obrázků po jejich nahrání. Úprava obrázku:

      1. Klikněte na obrázek.
      2. Zobrazí se nabídka možností.
      Ikona
      Popis
      Ikona otočení proti směru hodinových ručiček
      		 Otočit obrázek proti směru hodinových ručiček
      Ikona otočení ve směru hodinových ručiček
      		 Otočit obrázek ve směru hodinových ručiček
      Ikona vodorovného převrácení obrázku
      		 Otočit obrázek vodorovně
      Ikona vertikálního převrácení obrázku Otočit obrázek svisle
      Ikona oříznutí obrázku
      		 Oříznout obrázek
      Ikona úpravy obrázku
      		 Upravit vlastnosti obrázku

      Kurz, Modul, Sekce Upravit se zvýrazněným obrázkem a aktivním panelem nástrojů pro úpravu obrázku

      Pokud vyberete ikonu Upravit vlastnosti obrázku , zobrazí se vyskakovací okno Vložit/Upravit obrázek.
      1. Zdroj : Zobrazuje zdroj obrázku.
      2. Alternativní popis : Tento popis čtou čtečky obrazovky, aby pomohl zrakově postiženým uživatelům.
      3. Šířka a výška : Upravte velikost obrázku.
        1. Poznámka: Pomocí ikony zámku zajistěte, aby si obrázek zachoval poměr šířky a výšky.


      Při přidávání nového obrázku můžete také přidat popis pro čtečky obrazovky:
      1. Zadejte popis do pole Popis obrázku .

      Vyskakovací okno pro nahrání obrázku

      Šablony obsahu

      Šablony obsahu vám umožňují ukládat fragmenty HTML do katalogu zdrojů a poté je v budoucnu snadno vkládat do oblastí obsahu. Tuto funkci můžete použít k vytvoření knihovny běžných prvků obsahu, které často používáte ve svých oblastech obsahu.

      Chcete-li přidat fragment HTML do šablony obsahu:

      1. Vyberte text a/nebo obrázky v editoru HTML.
      2. Kliknutí pravým tlačítkem myši.
      3. Vyberte Uložit jako šablonu .

      Kurz, Modul, Sekce Upravit s vybraným textem a obrázkem a s označenou možností Uložit jako šablonu v kontextové nabídce po kliknutí pravým tlačítkem myši

      1. Zadejte název šablony.
      2. Klikněte na OK .
      3. Šablona obsahu bude uložena do vaší osobní knihovny.

      Vyskakovací okno Uložit jako šablonu

      Přístup k uloženým šablonám obsahu:

      1. V levém navigačním panelu klikněte na Zdroje .
      2. V rozbalovací nabídce klikněte na Katalog .
      3. Filtrovat podle Typ zdroje > Šablona obsahu v panelu Hledat.
      4. Klikněte na šablonu obsahu.

      Zdroje, stránka katalogu se zvýrazněnou sekcí Typ zdroje v panelu Hledat

      Zobrazí se šablona obsahu. Chcete-li zobrazit další podrobnosti o šabloně obsahu:
      1. Klikněte na Podrobnosti .

      Zdroje, vyskakovací šablona obsahu


      Nyní můžete aktualizovat sekci obsahu:
      1. Klikněte na Upravit pro úpravu obsahu .
      2. Kliknutím na tlačítko Odstranit odstraníte šablonu.

      Zdroje, šablona obsahu se zvýrazněnými ikonami Upravit a Smazat

      Pokud kliknete na tlačítko Upravit, můžete obsah aktualizovat a sdílet ho s ostatními uživateli.
      1. Pokud chcete, aby byla šablona obsahu k dispozici i ostatním uživatelům, vyberte Osobní , Organizační nebo Firemní knihovnu.
      2. Po úpravě obsahu klikněte na tlačítko Uložit .

      Zdroje, obrazovka Upravit šablonu obsahu

      Vložení kopie šablony obsahu do sekce:
      1. Přístup k sekci.
      2. Kliknutí pravým tlačítkem myši.
      3. Vyberte Vložit šablonu .
      4. Vyberte šablonu z rozbalovacího seznamu.
      5. Klikněte na Uložit .
      Kurz, Modul, Sekce Upravit s označením Vložit šablonu v kontextové nabídce pravého tlačítka myši