Ero sivun ”TinyMCE-editori” versioiden välillä

MoodleDocsista
Loikkaa:valikkoon, hakuun
Rivi 154: Rivi 154:


Voit lisätä tämänhetkisen päivämäärän tai kellonajan tekstimuodossa valitsemalla haluamasi vaihtoehdon hiiren kursorilla.
Voit lisätä tämänhetkisen päivämäärän tai kellonajan tekstimuodossa valitsemalla haluamasi vaihtoehdon hiiren kursorilla.
[[Tiedosto:M402Tiny-Aika.png|300px|thumb]]


===Kaavaeditori===
===Kaavaeditori===

Versio 1. maaliskuuta 2024 kello 11.39

Tätä sivua ollaan päivittämässä ja se on vielä keskeneräinen, katso tarvittaessa englanninkielinen dokumentaatio tai Moodlen 3-version ohjeet.

Tiny Toolbar

Seuraavat kuvakkeet löytyvät TinyMCE-editorin työkaluriviltä (kuvakkeiden näkyvyys saattaa riippua organisaatiostasi):

M402Tiny-Buttons.png


Seuraavat kuvakkeet ovat yleensä saatavilla:

# Button # Button # Button
1 Kumoa 10 Tasaa vasemmalle 18 Luettelointi bulletiineilla
2 Tee uudelleen 11 Tasaa keskelle 19 Luettelointi numeroilla
3 Lihavoitu 12 Tasaa oikealle 20 Kaavaeditori
4 Kursivoitu 13 Tasaa riville 21 Näytä lisää/vähemmän kuvakkeita
5 Lisää kuva / muokkaa kuvan ominaisuuksia 14 Vasemmalta oikealle
6 Multimedia / Tallenna ääni 15 Oikealta vasemmalle
7 Tallenna video 16 Sisennä
8 Lisää linkki 17 Loitonna
9 Lisää H5P / muokkaa H5P-ominaisuuksia

Tiny features

M402Tiny-Lisaa.png

Seuraavat vaihtoehdot löytyvät Lisää-valikosta:

Lisää/muokkaa kuva

Lisää kuva -valikosta löytyy seuraavat valinnat:

  • URL: voit lisätä kuvan URL-osoitteen avulla suoraan internetistä, tai ladata kuvan kansiosta valitsemalla "Selaa arkistoja".
  • Kuvaus: Kuvaus tarvitaan automaattista ruudunlukijaa varten.
  • Koko: Voit muuttaa kuvan korkeutta ja leveyttä halutessasi. Valitse "automaattinen koko" jos haluat säilyttää alkuperäisen kuvan asetukset.
  • Tasaus: Voit valita tasauksen ylös, keskelle tai alas.
M402Tiny-Kuva1.png

Jos haluat muokata kuvan asetuksia myöhemmin, valitse kuva ja klikkaa Kuva-ikonia.

Lisää/muokkaa linkki

M402Tiny-Linkki.png

Lisää linkki -valikosta löytyy seuraavat valinnat:

  • Linkin osoite: Linkin URL-osoite.
  • Näytettävä teksti: Teksti näkyy linkin kohdalla, esim. "Linkki ohjeeseen".
  • Browse repositories (Selaa arkistoja): Voit ladata tiedoston, johon linkki johtaa.
  • Avaa uudessa ikkunassa: Voit valita, avataanko linkki nykyisessä vai uudessa ikkunassa (suositus).

Lisää/muokkaa multimedia

Voit lisätä ääni- tai kuvatiedoston. Jos tarvitset lisätietoja, katso englanninkielinen ohjevideo: Media embedding

Tallenna ääni/video

TinyMCE-editorin avulla voit tallentaa ääni- ja videonäytteitä, jotka lisätään tekstin joukkoon. Tallennus koostuu kolmesta vaiheesta:

  • Aloita tallennus: kun olet valmis, klikkaa Aloita tallennus -painiketta.
  • Lopeta tallennus: kun olet valmis, klikkaa Lopeta tallennus -painiketta. Voit nyt kuunnella/katsoa tallentamasi leikkeen.
  • Liitä tallennus: kun olet tyytyväinen tallentamaasi leikkeeseen, klikkaa Liitä tallennus -paniketta. Valitse lopuksi "Tallenna ja näytä", jotta tallentamasi leike näkyy kurssialueellasi.

Lisää koodinäyte

Lisää taulukko

Voit lisätä taulukon tekstieditorin Taulukko-valikosta:

M402taulukkoTinyMCE1.png

Määrittele sarakkeiden ja rivien määrä hiirellä vetämällä.

Kun taulukko on luotu, voit lisätä tai poistaa rivejä ja sarakkeita valitsemalla Taulukko-valikosta "Rivi" tai "Sarake".

M402taulukkoTinyMCE2.png

Voit muokata taulukon asetuksia valitsemalla "Taulukon ominaisuudet".

M402taulukkoTinyMCE3.png

Kohdasta "Lisäasetukset" voit valita esimerkiksi haluamasi reunuksen tyylin ja vaihtaa reunuksen väriä. Valitse lopuksi "Tallenna".

Lisää erikoismerkki

M402Tiny-Erikoismerkki.png

Lisää erikoismerkki -valikosta voit valita kirjaimia ja symboleja, joita on vaikeaa tai mahdotonta luoda tavallisella näppäimistöllä. Voit myös etsiä erikoismerkkejä hakusanalla ja selata eri kategorioita.

Lisää Emoji

Voit lisätä hymiön tekstin joukkoon avautuvasta valikosta. Voit etsiä hymiötä hakusanalla tai selata kategorioita.

M402Tiny-Emojit.png

Lisää HTML-elementti

The following 4 HTML elements are supported by TinyMCE via menus:

  • Insert horizontal line: Adds an HTML line to your text.
  • Insert page break: Adds a page break (<p>) to your text.
  • Insert nonbreaking space: Add an nonbreaking space (&nbsp;) at the current cursor location.
  • Insert anchor: Insert anchors (sometimes referred to as a bookmarks) to your text. Users will be prompted via a dialog box to enter a string. The string will be inserted into the HTML as an anchor id at the location of the cursor. For example, a user places their cursor at the beginning of "Moodle" and clicks on the anchor button and enters "start" in the dialog box. The resulting HTML will take the form of <p><a id="start"></a>Moodle</p>.

Lisää päivämäärä/aika

Voit lisätä tämänhetkisen päivämäärän tai kellonajan tekstimuodossa valitsemalla haluamasi vaihtoehdon hiiren kursorilla.

M402Tiny-Aika.png

Kaavaeditori

Lisää H5P-aineisto

TULOSSA