Wiki-Quellcode von Symbole und Menuefunktionen
Version 86.1 von Carina Enke am 28.11.2023
Zeige letzte Bearbeiter
| author | version | line-number | content |
|---|---|---|---|
| 1 | {{sv-translation language="de"}} | ||
| 2 | {{layout}} | ||
| 3 | {{layout-section ac:type="single"}} | ||
| 4 | {{layout-cell}}{{/layout-cell}} | ||
| 5 | {{/layout-section}} | ||
| 6 | |||
| 7 | {{layout-section ac:type="single"}} | ||
| 8 | {{layout-cell}} | ||
| 9 | == Symbole im Texteditor == | ||
| 10 | |||
| 11 | Mithilfe des Texteditors können Sie Text beliebig formatieren und Verlinkungen sowie Bilder hinzufügen. Im Folgenden werden die Symbole zur Formatierung aufgeführt: | ||
| 12 | |||
| 13 | (% class="wrapped" %) | ||
| 14 | |((( | ||
| 15 | (% class="content-wrapper" %) | ||
| 16 | ((( | ||
| 17 | [[image:attach:icon_Darstellungsoptionen.png]] | ||
| 18 | ))) | ||
| 19 | )))|((( | ||
| 20 | Darstellung von einzelnen Wörtern oder Abschnitten anpassen | ||
| 21 | |||
| 22 | * **Fett** | ||
| 23 | * //Kursiv// | ||
| 24 | * __Unterstrichen__ | ||
| 25 | |||
| 26 | * Textfarbe | ||
| 27 | * Hintergrundfarbe | ||
| 28 | |||
| 29 | Weitere Darstellungsoptionen finden Sie im Hauptmenü unter**Format[[ .>>doc:||anchor="format"]]** | ||
| 30 | ))) | ||
| 31 | |((( | ||
| 32 | (% class="content-wrapper" %) | ||
| 33 | ((( | ||
| 34 | [[image:attach:icon_Ausrichtungsoptionen.png]] | ||
| 35 | ))) | ||
| 36 | )))|((( | ||
| 37 | Ausrichtung, Aufzählungen und Einzug | ||
| 38 | |||
| 39 | * Ausrichtung linksbündig | ||
| 40 | * Ausrichtung zentriert | ||
| 41 | * Ausrichtung rechtsbündig | ||
| 42 | |||
| 43 | * Aufzählung | ||
| 44 | * Nummerierte Liste | ||
| 45 | |||
| 46 | * Einzug vergrößern | ||
| 47 | * Einzug verkleinern | ||
| 48 | ))) | ||
| 49 | |((( | ||
| 50 | (% class="content-wrapper" %) | ||
| 51 | ((( | ||
| 52 | [[image:attach:icon_Linkoptionen.png]] | ||
| 53 | ))) | ||
| 54 | )))|((( | ||
| 55 | * [[Link einfügen bzw. bearbeiten>>doc:Link einfuegen oder bearbeiten]] | ||
| 56 | * Link entfernen | ||
| 57 | |||
| 58 | * Bild einfügen bzw. bearbeiten | ||
| 59 | * Quelltext | ||
| 60 | ))) | ||
| 61 | {{/layout-cell}} | ||
| 62 | {{/layout-section}} | ||
| 63 | |||
| 64 | {{layout-section ac:type="single"}} | ||
| 65 | {{layout-cell}} | ||
| 66 | \\ | ||
| 67 | {{/layout-cell}} | ||
| 68 | {{/layout-section}} | ||
| 69 | |||
| 70 | {{layout-section ac:type="single"}} | ||
| 71 | {{layout-cell}} | ||
| 72 | == Hauptmenü == | ||
| 73 | |||
| 74 | * [[Bearbeiten>>doc:||anchor="bearbeiten"]] | ||
| 75 | * [[Einfügen>>doc:||anchor="einfügen"]] | ||
| 76 | * [[Format>>doc:||anchor="format"]] | ||
| 77 | * [[Ansicht>>doc:||anchor="ansicht"]] | ||
| 78 | * [[Tabelle>>doc:||anchor="tabelle"]] | ||
| 79 | * [[Werkzeuge>>doc:||anchor="werkzeuge"]] | ||
| 80 | {{/layout-cell}} | ||
| 81 | {{/layout-section}} | ||
| 82 | |||
| 83 | {{layout-section ac:type="single"}} | ||
| 84 | {{layout-cell}} | ||
| 85 | \\ | ||
| 86 | {{/layout-cell}} | ||
| 87 | {{/layout-section}} | ||
| 88 | |||
| 89 | {{layout-section ac:type="single"}} | ||
| 90 | {{layout-cell}} | ||
| 91 | === === | ||
| 92 | |||
| 93 | {{id name="bearbeiten"/}}BearbeitenIm Menüpunkt **Bearbeiten** finden Sie folgende Funktionen: | ||
| 94 | |||
| 95 | * Rückgängig | ||
| 96 | * Wiederholen | ||
| 97 | * Ausschneiden | ||
| 98 | * Kopieren | ||
| 99 | * Einfügen | ||
| 100 | * Als Text einfügen | ||
| 101 | * Alles auswählen | ||
| 102 | * Suchen und ersetzen | ||
| 103 | |||
| 104 | {{info}} | ||
| 105 | Die Tastaturkürzel für die Funktionen sind die üblichen, die auch in anderen Textverarbeitungsprogrammen Anwendung finden (z. B. STRG + C für Kopieren). | ||
| 106 | {{/info}} | ||
| 107 | {{/layout-cell}} | ||
| 108 | {{/layout-section}} | ||
| 109 | |||
| 110 | {{layout-section ac:type="single"}} | ||
| 111 | {{layout-cell}} | ||
| 112 | === === | ||
| 113 | |||
| 114 | {{id name="einfügen"/}}EinfügenIm Menüpunkt **Einfügen** haben Sie die Möglichkeit, Bilder, Zeichen, Textmarken und Datum/Uhrzeit einzufügen. | ||
| 115 | |||
| 116 | (% class="wrapped" %) | ||
| 117 | |=((( | ||
| 118 | Bild einfügen/bearbeiten | ||
| 119 | )))|((( | ||
| 120 | Sie können das gewünschte Bild als URL einbinden oder über die Bildverwaltung ein Bild von der Festplatte Ihres Computers hochladen (nur für ausgewählte Kursbausteine). Zusätzlich können Sie eine Bildbeschreibung vergeben und die Abmessungen des Bildes anpassen. | ||
| 121 | ))) | ||
| 122 | |=(% colspan="1" %)(% colspan="1" %) | ||
| 123 | ((( | ||
| 124 | Video einfügen/bearbeiten | ||
| 125 | )))|(% colspan="1" %)(% colspan="1" %) | ||
| 126 | ((( | ||
| 127 | Sie können das gewünschte Medium als URL einbinden oder über die Medienverwaltung von der Festplatte Ihres Computers hochladen. Empfohlen werden die Medienformate mp3 und mp4. Ausführlichere Hinweise beinhaltet die Seite [[doc:Video einbinden]]. | ||
| 128 | |||
| 129 | Über diese Funktion können auch **andere Inhalte die per URL verfügbar sind **eingebettet werden. So lassen sich neben **Videos** auch **VR-Inhalte wie bspw. 3D-Modelle** per Einbettungscode anzeigen. Eine Beschreibung dazu finden Sie auf der Seite [[doc:VR-Inhalte einfuegen]]. Ein weiteres Anwendungsbeispiel zeigt die **Einbettung eines pdf-Inhalts**. Informationen dazu enthält die Seite [[Externe Pdf-Datei einbetten>>doc:Anwendungsbeispiel: Externe Pdf-Datei einbetten]]. | ||
| 130 | ))) | ||
| 131 | |=((( | ||
| 132 | Geschütztes Leerzeichen | ||
| 133 | )))|((( | ||
| 134 | Das geschützte Leerzeichen verhindert einen ungewollten automatischen Zeilenumbruch an der Stelle des Leerzeichens. Damit bleiben Inhalte zusammen, die Sie nicht trennen möchten. | ||
| 135 | ))) | ||
| 136 | |=((( | ||
| 137 | Sonderzeichen | ||
| 138 | )))|((( | ||
| 139 | Unter dem Menüpunkt **Sonderzeichen **finden Sie eine Tabelle mit Zeichen, z. B. sind griechische Buchstaben und Symbole wie Währungszeichen dort enthalten und können eingefügt werden. | ||
| 140 | ))) | ||
| 141 | |=((( | ||
| 142 | Textmarke | ||
| 143 | )))|((( | ||
| 144 | Die Textmarke ermöglicht das schnelle Springen an eine bestimmte Textstelle ohne Scrollen. Dafür müssen Sie die Textmarke an die Stelle setzen, auf die Sie verweisen möchten. Geben Sie der Textmarke einen eindeutigen Namen. Setzen Sie anschließend einen Link an die Startstelle im Text. Markieren Sie hierfür eine passende Stelle im Text und nutzen Sie die Funktion **Link einfügen**. Wählen Sie unter dem Menüpunkt **Textmarken** Ihre entsprechende Marke aus und bestätigen Sie mit **Ok**. | ||
| 145 | ))) | ||
| 146 | |=((( | ||
| 147 | Datum/Uhrzeit einfügen | ||
| 148 | )))|((( | ||
| 149 | Sie können das aktuelle Datum oder die Uhrzeit auswählen und einfügen. Diese Angaben stehen Ihnen im deutschen und englischen Format zur Verfügung. | ||
| 150 | ))) | ||
| 151 | {{/layout-cell}} | ||
| 152 | {{/layout-section}} | ||
| 153 | |||
| 154 | {{layout-section ac:type="single"}} | ||
| 155 | {{layout-cell}} | ||
| 156 | \\ | ||
| 157 | {{/layout-cell}} | ||
| 158 | {{/layout-section}} | ||
| 159 | |||
| 160 | {{layout-section ac:type="single"}} | ||
| 161 | {{layout-cell}} | ||
| 162 | === === | ||
| 163 | |||
| 164 | {{id name="format"/}}FormatIm Reiter **Format** stehen Ihnen verschiedene Optionen zur Verfügung, mit denen Sie Ihren Inhalt gestalten können. Sie können den Text **fett**, **kursiv**, **unterstrichen** und **durchgestrichen** darstellen, Zeichen **hoch** - oder **tiefgestellt** anzeigen oder aus verschiedenen Typen von **Überschriften** wählen, **Zeichen** - und **Absatzformate** festlegen sowie die **Ausrichtung** Ihres Textes bestimmen. | ||
| 165 | |||
| 166 | Ausgewählte Wörter oder Textabschnitte können Sie durch einen farbigen Hintergrund hervorheben, indem Sie eine der **Meldungen** auswählen. | ||
| 167 | |||
| 168 | Einzelne Funktionen wie die **Zeichenformate** oder die **Ausrichtung** finden Sie zusätzlich auch als Symbol unterhalb des Hauptmenüs. | ||
| 169 | |||
| 170 | [[image:attach:Kursrun - Format - Überschriften_de]] | ||
| 171 | |||
| 172 | {{info title="Formatierung entfernen"}} | ||
| 173 | Um Ihre Formatierung wieder zu entfernen, gehen Sie wie folgt vor: | ||
| 174 | |||
| 175 | 1. Markieren Sie den entsprechenden Text, dessen Formatierung Sie löschen möchten. | ||
| 176 | 1. Klicken Sie im Hauptmenü auf den Eintrag **Formate**. | ||
| 177 | 1. Wählen Sie den Menüeintrag **Formatierung entfernen** aus. | ||
| 178 | 1. Die Formatierung des markierten Bereichs wird zurückgesetzt. | ||
| 179 | {{/info}} | ||
| 180 | {{/layout-cell}} | ||
| 181 | {{/layout-section}} | ||
| 182 | |||
| 183 | {{layout-section ac:type="single"}} | ||
| 184 | {{layout-cell}} | ||
| 185 | \\ | ||
| 186 | {{/layout-cell}} | ||
| 187 | {{/layout-section}} | ||
| 188 | |||
| 189 | {{layout-section ac:type="single"}} | ||
| 190 | {{layout-cell}} | ||
| 191 | === === | ||
| 192 | |||
| 193 | {{id name="ansicht"/}}AnsichtDie Funktionen im Menüpunkt **Ansicht** ermöglichen das Einblenden von Symbolen, die im Standardmodus nicht sichtbar sind. | ||
| 194 | |||
| 195 | (% class="wrapped" %) | ||
| 196 | |=((( | ||
| 197 | Blöcke anzeigen | ||
| 198 | )))|((( | ||
| 199 | Diese Funktion zeigt Formatierungssymbole wie Zeilenumbrüche an. | ||
| 200 | ))) | ||
| 201 | |=((( | ||
| 202 | Unsichtbare Zeichen anzeigen | ||
| 203 | )))|((( | ||
| 204 | Hier werden Formatierungssymbole innerhalb des Textes, wie z. B. das geschützte Leerzeichen, angezeigt. | ||
| 205 | ))) | ||
| 206 | {{/layout-cell}} | ||
| 207 | {{/layout-section}} | ||
| 208 | |||
| 209 | {{layout-section ac:type="single"}} | ||
| 210 | {{layout-cell}} | ||
| 211 | \\ | ||
| 212 | {{/layout-cell}} | ||
| 213 | {{/layout-section}} | ||
| 214 | |||
| 215 | {{layout-section ac:type="single"}} | ||
| 216 | {{layout-cell}} | ||
| 217 | === === | ||
| 218 | |||
| 219 | {{id name="tabelle"/}}Tabelle | ||
| 220 | |||
| 221 | ==== Tabelle einfügen ==== | ||
| 222 | |||
| 223 | {{expand title="Tabelle einfügen ..."}} | ||
| 224 | Um eine Tabelle einzufügen, gehen Sie wie folgt vor: | ||
| 225 | |||
| 226 | (% class="wrapped" %) | ||
| 227 | |((( | ||
| 228 | Öffnen Sie den Menüpunkt **Tabelle** und klicken Sie auf **Tabelle einfügen**. | ||
| 229 | )))|(% rowspan="2" %)(% rowspan="2" %) | ||
| 230 | ((( | ||
| 231 | (% class="content-wrapper" %) | ||
| 232 | ((( | ||
| 233 | [[image:attach:Kursrun - Tabelle anlegen_de.png]] | ||
| 234 | ))) | ||
| 235 | ))) | ||
| 236 | |((( | ||
| 237 | Es öffnet sich ein Raster, in dem Sie die Größe der Tabelle definieren können. Wählen Sie die gewünschte Anzahl an Spalten und Zeilen per Klick aus. | ||
| 238 | ))) | ||
| 239 | |((( | ||
| 240 | Im abgebildeten Beispiel erstellen Sie eine Tabelle mit 4 Spalten und 4 Zeilen. | ||
| 241 | )))|(% rowspan="2" %)(% rowspan="2" %) | ||
| 242 | ((( | ||
| 243 | (% class="content-wrapper" %) | ||
| 244 | ((( | ||
| 245 | [[image:attach:Kursrun - Tabelle formatieren_de.png]] | ||
| 246 | ))) | ||
| 247 | ))) | ||
| 248 | |(% colspan="1" %)(% colspan="1" %) | ||
| 249 | ((( | ||
| 250 | Die Tabelle wird in den Inhalt eingefügt. Wenn Sie eine Tabellenzelle per Klick markieren, erscheint ein Kontextmenü mit weiteren Einstellungen. Sie können die **Tabelleneigenschaften **aufrufen, die **Tabelle löschen**, **neue Zeilen** und **Spalten einfügen** oder diese **löschen**. | ||
| 251 | ))) | ||
| 252 | {{/expand}} | ||
| 253 | |||
| 254 | ==== Tabelleneigenschaften ==== | ||
| 255 | |||
| 256 | Im Menüpunkt **Tabelle** finden Sie den Menüpunkt **Tabelleneigenschaften**. Dort können Sie spezifische Einstellungen zu Ihrer Tabelle vornehmen. | ||
| 257 | |||
| 258 | (% class="wrapped" %) | ||
| 259 | |=((( | ||
| 260 | Breite/Höhe | ||
| 261 | )))|((( | ||
| 262 | Sie haben hier die Möglichkeit, die Größe der Tabelle zu bestimmen, indem Sie diese in Pixeln angeben. Alternativ können Sie die Größe auch relativ zur Größe der Seite angeben. Tragen Sie dafür hinter der Zahl das Prozentzeichen ein, z. B. Breite: 100%. | ||
| 263 | Wenn Sie keinerlei Angaben zur Größe machen, wird die Größe der Tabelle automatisch an die Größe des Inhalts angepasst. | ||
| 264 | ))) | ||
| 265 | |=((( | ||
| 266 | Zellenabstand | ||
| 267 | )))|((( | ||
| 268 | Der Zellenabstand definiert die Rahmenbreite um die einzelnen Zellen und wird in Pixeln angegeben. | ||
| 269 | ))) | ||
| 270 | |=((( | ||
| 271 | Zelleninnenabstand | ||
| 272 | )))|((( | ||
| 273 | Dieser Abstand gibt die Größe des Raumes zwischen jeder Zelle an. | ||
| 274 | ))) | ||
| 275 | |=((( | ||
| 276 | Rahmen | ||
| 277 | )))|((( | ||
| 278 | Hier können Sie die Rahmenbreite in Pixeln angeben. Wenn Sie 0 eingeben, erscheint kein Rahmen um Ihre Tabelle. | ||
| 279 | ))) | ||
| 280 | |=((( | ||
| 281 | Beschriftung | ||
| 282 | )))|((( | ||
| 283 | Wenn Sie die Checkbox aktivieren, erscheint eine zusätzliche Zeile oberhalb Ihrer Tabelle. Diese können Sie nutzen, um einen Titel zu vergeben. | ||
| 284 | ))) | ||
| 285 | |=((( | ||
| 286 | Erweitert | ||
| 287 | )))|((( | ||
| 288 | Im Tab **Erweitert** können Sie die Rahmen- und Hintergrundfarbe für Ihre Tabelle festlegen. Dafür benötigen Sie entweder den Hexadezimal-Code oder Sie wählen die Farbe direkt über die Farbauswahl. | ||
| 289 | Für das Ausfüllen des Feldes **Stil** sind CSS-Kenntnisse notwendig. Sie können mit CSS-Anweisungen die Darstellung der Tabelle individueller gestalten. | ||
| 290 | ))) | ||
| 291 | |||
| 292 | ==== Zellen, Zeilen und Spalten bearbeiten ==== | ||
| 293 | |||
| 294 | Unter den Menüeinträgen **Zelle**, **Zeile **und **Spalte** stehen Ihnen zahlreiche Funktionen zur Verfügung, um die Inhalte der Tabelle anzupassen. Sie können jeweils eine einzelne Zelle, eine Zeile oder eine Spalte bearbeiten. | ||
| 295 | |||
| 296 | Zur Bearbeitung einer **Zelle** haben Sie folgende Möglichkeiten: | ||
| 297 | |||
| 298 | * Zellen verbinden | ||
| 299 | * Zelle aufteilen | ||
| 300 | * ((( | ||
| 301 | Zelleneigenschaften: | ||
| 302 | |||
| 303 | (% class="wrapped" %) | ||
| 304 | |=((( | ||
| 305 | Breite/Höhe | ||
| 306 | )))|((( | ||
| 307 | Hier können Sie die Breite und Höhe einer Zelle in Pixeln oder Prozent festlegen. | ||
| 308 | ))) | ||
| 309 | |=((( | ||
| 310 | Zellentyp | ||
| 311 | )))|((( | ||
| 312 | Der Zellentyp **Kopfzeile **formatiert Ihren Inhalt entsprechend einer Kopfzeile. | ||
| 313 | ))) | ||
| 314 | |=((( | ||
| 315 | Gültigkeitsbereich | ||
| 316 | )))|((( | ||
| 317 | (% class="_mce_tagged_br" %) | ||
| 318 | * Zeile | ||
| 319 | * Spalte | ||
| 320 | * Zeilengruppe | ||
| 321 | * Spaltengruppe | ||
| 322 | ))) | ||
| 323 | |=((( | ||
| 324 | Ausrichtung | ||
| 325 | )))|((( | ||
| 326 | Sie haben die Möglichkeit, auszuwählen, ob Ihr Inhalt links-, rechtsbündig oder zentriert ausgerichtet sein soll. | ||
| 327 | ))) | ||
| 328 | |=((( | ||
| 329 | Erweitert | ||
| 330 | )))|((( | ||
| 331 | Im Tab **Erweitert** können Sie die Rahmen- und Hintergrundfarbe für Ihre Tabelle festlegen. Dafür benötigen Sie entweder den Hexadezimal-Code oder Sie wählen die Farbe direkt über die Farbauswahl. | ||
| 332 | Für das Ausfüllen des Feldes **Stil** sind CSS-Kenntnisse notwendig. Sie können mit CSS-Anweisungen die Darstellung der Tabelle individueller gestalten. | ||
| 333 | ))) | ||
| 334 | ))) | ||
| 335 | |||
| 336 | Für die Bearbeitung einer **Zeile** haben Sie folgende Optionen: | ||
| 337 | |||
| 338 | * Neue Zeile davor einfügen | ||
| 339 | * Neue Zeile danach einfügen | ||
| 340 | * Zeile löschen | ||
| 341 | * Zeile ausschneiden | ||
| 342 | * Zeile kopieren | ||
| 343 | * Zeile davor einfügen | ||
| 344 | * Zeile danach einfügen | ||
| 345 | * ((( | ||
| 346 | Zeileneigenschaften: | ||
| 347 | |||
| 348 | (% class="wrapped" %) | ||
| 349 | |=((( | ||
| 350 | Zeilentyp | ||
| 351 | )))|((( | ||
| 352 | * Die **Kopfzeile** verschiebt die markierte Zeile nach oben, an den Anfang der Tabelle. | ||
| 353 | * Der Zeilentyp **Inhalt** wird für den enthaltenen Text oder Daten in der Tabelle verwendet. | ||
| 354 | * Die **Fußzeile** verschiebt die markierte Zeile an die letzte Position der Tabelle. | ||
| 355 | ))) | ||
| 356 | |=((( | ||
| 357 | Ausrichtung | ||
| 358 | )))|((( | ||
| 359 | Sie haben die Möglichkeit, auszuwählen, ob Ihr Inhalt links-, rechtsbündig oder zentriert ausgerichtet sein soll. | ||
| 360 | ))) | ||
| 361 | |=((( | ||
| 362 | Höhe | ||
| 363 | )))|((( | ||
| 364 | Hier können Sie die Höhe einer Zeile in Pixeln oder Prozent festlegen. | ||
| 365 | ))) | ||
| 366 | |=(% colspan="1" %)(% colspan="1" %) | ||
| 367 | ((( | ||
| 368 | Erweitert | ||
| 369 | )))|(% colspan="1" %)(% colspan="1" %) | ||
| 370 | ((( | ||
| 371 | Im Tab **Erweitert** können Sie die Rahmen- und Hintergrundfarbe für Ihre Tabelle festlegen. Dafür benötigen Sie entweder den Hexadezimal-Code oder Sie wählen die Farbe direkt über die Farbauswahl. | ||
| 372 | Für das Ausfüllen des Feldes **Stil** sind CSS-Kenntnisse notwendig. Sie können mit CSS-Anweisungen die Darstellung der Tabelle individueller gestalten. | ||
| 373 | ))) | ||
| 374 | ))) | ||
| 375 | |||
| 376 | Um die **Spalten** der Tabelle zu bearbeiten, haben Sie folgende Möglichkeiten: | ||
| 377 | |||
| 378 | * Spalte davor einfügen | ||
| 379 | * Spalte danach einfügen | ||
| 380 | * Spalte löschen | ||
| 381 | {{/layout-cell}} | ||
| 382 | {{/layout-section}} | ||
| 383 | |||
| 384 | {{layout-section ac:type="single"}} | ||
| 385 | {{layout-cell}} | ||
| 386 | \\ | ||
| 387 | {{/layout-cell}} | ||
| 388 | {{/layout-section}} | ||
| 389 | |||
| 390 | {{layout-section ac:type="single"}} | ||
| 391 | {{layout-cell}} | ||
| 392 | === === | ||
| 393 | |||
| 394 | {{id name="werkzeuge"/}}WerkzeugeUm Ihren Inhalt anzupassen und Formeln hinzuzufügen, stehen Ihnen verschiedene Werkzeuge zur Verfügung. Detaillierte Informationen zur Nutzung dieser Funktionen finden Sie unter [[doc:Formeleditor]]. | ||
| 395 | |||
| 396 | (% class="wrapped" %) | ||
| 397 | |=((( | ||
| 398 | Option | ||
| 399 | )))|=((( | ||
| 400 | Erklärung | ||
| 401 | ))) | ||
| 402 | |((( | ||
| 403 | Quelltext | ||
| 404 | )))|((( | ||
| 405 | Mit Klick auf den Menüpunkt **Quelltext **können Sie direkt in der HTML-Datei Änderungen an Ihrem Inhalt vornehmen. | ||
| 406 | ))) | ||
| 407 | |((( | ||
| 408 | Formeleditor | ||
| 409 | )))|((( | ||
| 410 | MathML und LaTeX sind Formeleditoren, mit denen Sie Ihre Formeln darstellen können. Ausführlichere Hinweise beinhaltet die Seite [[doc:Formeleditor]]. | ||
| 411 | ))) | ||
| 412 | {{/layout-cell}} | ||
| 413 | {{/layout-section}} | ||
| 414 | {{/layout}} | ||
| 415 | {{/sv-translation}} | ||
| 416 | |||
| 417 | {{sv-translation language="en"}} | ||
| 418 | {{layout}} | ||
| 419 | {{layout-section ac:type="single"}} | ||
| 420 | {{layout-cell}} | ||
| 421 | == Icons in the text editor == | ||
| 422 | |||
| 423 | The text editor allows you to format text as you wish and to add links and images. All formatting icons are listed below: | ||
| 424 | |||
| 425 | (% class="wrapped" %) | ||
| 426 | |((( | ||
| 427 | (% class="content-wrapper" %) | ||
| 428 | ((( | ||
| 429 | [[image:attach:icon_Darstellungsoptionen.png]] | ||
| 430 | ))) | ||
| 431 | )))|((( | ||
| 432 | Customise how individual words or sections are presented | ||
| 433 | |||
| 434 | * **Bold** | ||
| 435 | * //Italic// | ||
| 436 | * __Underlined | ||
| 437 | __ | ||
| 438 | |||
| 439 | * Text colour | ||
| 440 | * Background colour | ||
| 441 | |||
| 442 | More options can be found in the main menu under **Format**. | ||
| 443 | ))) | ||
| 444 | |((( | ||
| 445 | (% class="content-wrapper" %) | ||
| 446 | ((( | ||
| 447 | [[image:attach:icon_Ausrichtungsoptionen.png]] | ||
| 448 | ))) | ||
| 449 | )))|((( | ||
| 450 | Alignment, bullet list, and indentation | ||
| 451 | |||
| 452 | * Align left | ||
| 453 | * Align center | ||
| 454 | * Align right | ||
| 455 | |||
| 456 | * Bullt list | ||
| 457 | * Numbered list | ||
| 458 | |||
| 459 | * Increase indent | ||
| 460 | * Decrease indent | ||
| 461 | ))) | ||
| 462 | |((( | ||
| 463 | (% class="content-wrapper" %) | ||
| 464 | ((( | ||
| 465 | [[image:attach:icon_Linkoptionen.png]] | ||
| 466 | ))) | ||
| 467 | )))|((( | ||
| 468 | * [[Insert or edit link>>url:https://www.bps-system.de/help/display/LMSintern/.Link+einfuegen+oder+bearbeiten+v13.en||shape="rect"]] | ||
| 469 | * Remove link | ||
| 470 | |||
| 471 | * Insert or edit image | ||
| 472 | * Source code | ||
| 473 | ))) | ||
| 474 | {{/layout-cell}} | ||
| 475 | {{/layout-section}} | ||
| 476 | |||
| 477 | {{layout-section ac:type="single"}} | ||
| 478 | {{layout-cell}} | ||
| 479 | \\ | ||
| 480 | {{/layout-cell}} | ||
| 481 | {{/layout-section}} | ||
| 482 | |||
| 483 | {{layout-section ac:type="single"}} | ||
| 484 | {{layout-cell}} | ||
| 485 | == Main menu == | ||
| 486 | |||
| 487 | * [[Edit>>doc:||anchor="bearbeiten"]] | ||
| 488 | * [[Insert>>doc:||anchor="einfügen"]] | ||
| 489 | * [[Format>>doc:||anchor="format"]] | ||
| 490 | * [[View>>doc:||anchor="ansicht"]] | ||
| 491 | * [[Table>>doc:||anchor="tabelle"]] | ||
| 492 | * [[Tools>>doc:||anchor="werkzeuge"]] | ||
| 493 | {{/layout-cell}} | ||
| 494 | {{/layout-section}} | ||
| 495 | |||
| 496 | {{layout-section ac:type="single"}} | ||
| 497 | {{layout-cell}} | ||
| 498 | \\ | ||
| 499 | {{/layout-cell}} | ||
| 500 | {{/layout-section}} | ||
| 501 | |||
| 502 | {{layout-section ac:type="single"}} | ||
| 503 | {{layout-cell}} | ||
| 504 | === === | ||
| 505 | |||
| 506 | {{id name="bearbeiten"/}}EditUnder the **Edit **menu item, you will find the following functions: | ||
| 507 | |||
| 508 | * Undo | ||
| 509 | * Redo | ||
| 510 | * Cut | ||
| 511 | * Copy | ||
| 512 | * Paste | ||
| 513 | * Paste as test | ||
| 514 | * Select all | ||
| 515 | * Find and replace | ||
| 516 | |||
| 517 | {{info}} | ||
| 518 | The keyboard shortcuts for the functions are the same as in other word processing programmes (e. g. CTRL + C for copy). | ||
| 519 | {{/info}} | ||
| 520 | {{/layout-cell}} | ||
| 521 | {{/layout-section}} | ||
| 522 | |||
| 523 | {{layout-section ac:type="single"}} | ||
| 524 | {{layout-cell}} | ||
| 525 | === === | ||
| 526 | |||
| 527 | {{id name="einfügen"/}}InsertThe **Insert **menu item (% style="color: rgb(51,51,51);" %)allows you to insert images, characters, anchors, and date/time. | ||
| 528 | |||
| 529 | (% class="wrapped" %) | ||
| 530 | |=((( | ||
| 531 | Insert/edit image | ||
| 532 | )))|((( | ||
| 533 | You can insert the desired image as a URL or upload an image from your computer's hard disk via image management (only for selected course elements). It is also possible to add an image description and adjust the dimensions of the image. | ||
| 534 | ))) | ||
| 535 | |=(% colspan="1" %)(% colspan="1" %) | ||
| 536 | ((( | ||
| 537 | Insert/edit video | ||
| 538 | )))|(% colspan="1" %)(% colspan="1" %) | ||
| 539 | ((( | ||
| 540 | You can insert the desired media as a URL or upload them from your computer's hard disk via media management. We recommend the mp3 and mp4 media formats. For more detailed information, refer to the [[Include video>>url:https://www.bps-system.de/help/display/LMSintern/.Video+einbinden+v13.en||shape="rect"]] help page. | ||
| 541 | |||
| 542 | By using this function, you can also embed **other content that is available via URL**. Besides **videos**, **VR content such as 3D models** can also be displayed with an embedding code. You can find a description of this on the page [[doc:VR-Inhalte einfuegen]]. A further application example shows the **embedding of PDF content**. Information on this can be found on the page [[Embed external PDF file>>doc:Anwendungsbeispiel: Externe Pdf-Datei einbetten]]. | ||
| 543 | ))) | ||
| 544 | |=((( | ||
| 545 | Non-breaking spaces | ||
| 546 | )))|((( | ||
| 547 | Non-breaking spaces are space characters that prevent an unwanted automatic line break at their position. As a result, your text will not be broken. | ||
| 548 | ))) | ||
| 549 | |=((( | ||
| 550 | Special characters | ||
| 551 | )))|((( | ||
| 552 | Under the **Special characters** menu item, you will find a table with characters, including for example Greek letters and symbols such as currency symbols, which can be inserted. | ||
| 553 | ))) | ||
| 554 | |=((( | ||
| 555 | Anchors | ||
| 556 | )))|((( | ||
| 557 | Anchors allow you to jump to a specific passage without scrolling. All you need to do is insert the anchor at the desired location. Give the anchor a unique name. Then place a link at the starting point in the text. To do so, mark a suitable location within the text and use the **Insert link** function. Select your anchor under the **Anchors **menu item and confirm your choice with **OK**. | ||
| 558 | ))) | ||
| 559 | |=((( | ||
| 560 | Date/time | ||
| 561 | )))|((( | ||
| 562 | You can select and insert the current date or time. This information is available in German and English. | ||
| 563 | ))) | ||
| 564 | {{/layout-cell}} | ||
| 565 | {{/layout-section}} | ||
| 566 | |||
| 567 | {{layout-section ac:type="single"}} | ||
| 568 | {{layout-cell}} | ||
| 569 | \\ | ||
| 570 | {{/layout-cell}} | ||
| 571 | {{/layout-section}} | ||
| 572 | |||
| 573 | {{layout-section ac:type="single"}} | ||
| 574 | {{layout-cell}} | ||
| 575 | === === | ||
| 576 | |||
| 577 | {{id name="format"/}}FormatThe **Format **tab offers various options to design your content. For example, you can make the text **bold**, **italic**,** underlined **and **strikethrough**, put characters in **subscript **and **superscript**, choose from different** headings**, apply **character **and **paragraph styles** , and determine the **alignment **of your text. | ||
| 578 | |||
| 579 | You can highlight selected words or text sections with background colours by selecting one of the **Messages **from the list. | ||
| 580 | |||
| 581 | Individual functions such as those under **Inline **or **Alignment **can also be found as an icon below the main menu. | ||
| 582 | |||
| 583 | [[image:attach:Kursrun - Format - Überschriften_en.png]] | ||
| 584 | |||
| 585 | {{info title="Clear formatting"}} | ||
| 586 | To clear your formatting, proceed as follows: | ||
| 587 | |||
| 588 | 1. Mark the text whose formatting you wish to clear.\\ | ||
| 589 | 1. Click on **Format** in the main menu. | ||
| 590 | 1. Select the **Clear formatting **menu item. | ||
| 591 | 1. The formatting of the marked area is reset. | ||
| 592 | {{/info}} | ||
| 593 | {{/layout-cell}} | ||
| 594 | {{/layout-section}} | ||
| 595 | |||
| 596 | {{layout-section ac:type="single"}} | ||
| 597 | {{layout-cell}} | ||
| 598 | \\ | ||
| 599 | {{/layout-cell}} | ||
| 600 | {{/layout-section}} | ||
| 601 | |||
| 602 | {{layout-section ac:type="single"}} | ||
| 603 | {{layout-cell}} | ||
| 604 | === === | ||
| 605 | |||
| 606 | {{id name="ansicht"/}}ViewWith the functions in the **View **menu item you can show symbols that are otherwise not visible in the standard mode. | ||
| 607 | |||
| 608 | (% class="wrapped" %) | ||
| 609 | |=((( | ||
| 610 | Show blocks | ||
| 611 | )))|((( | ||
| 612 | This function shows formatting symbols such as line breaks. | ||
| 613 | ))) | ||
| 614 | |=((( | ||
| 615 | Show invisible characters | ||
| 616 | )))|((( | ||
| 617 | This function shows formatting symbols within the text, e. g. non-breaking spaces. | ||
| 618 | ))) | ||
| 619 | {{/layout-cell}} | ||
| 620 | {{/layout-section}} | ||
| 621 | |||
| 622 | {{layout-section ac:type="single"}} | ||
| 623 | {{layout-cell}} | ||
| 624 | \\ | ||
| 625 | {{/layout-cell}} | ||
| 626 | {{/layout-section}} | ||
| 627 | |||
| 628 | {{layout-section ac:type="single"}} | ||
| 629 | {{layout-cell}} | ||
| 630 | === === | ||
| 631 | |||
| 632 | {{id name="tabelle"/}}Table | ||
| 633 | |||
| 634 | ==== (% style="color: rgb(51,51,51);" %)Insert table(%%) ==== | ||
| 635 | |||
| 636 | {{expand title="Insert table ..."}} | ||
| 637 | To insert a table, proceed as follows: | ||
| 638 | |||
| 639 | (% class="wrapped" %) | ||
| 640 | |((( | ||
| 641 | Open the **Table** menu item and click on** Table**. | ||
| 642 | )))|(% rowspan="2" %)(% rowspan="2" %) | ||
| 643 | ((( | ||
| 644 | (% class="content-wrapper" %) | ||
| 645 | ((( | ||
| 646 | [[image:attach:Kursrun - Tabelle anlegen_en.png]] | ||
| 647 | ))) | ||
| 648 | ))) | ||
| 649 | |((( | ||
| 650 | A grid to define the table size opens. Select the desired number of columns and rows with one click. | ||
| 651 | ))) | ||
| 652 | |((( | ||
| 653 | In the example, a table with 4 columns and 4 rows is created. | ||
| 654 | )))|(% rowspan="2" %)(% rowspan="2" %) | ||
| 655 | ((( | ||
| 656 | (% class="content-wrapper" %) | ||
| 657 | ((( | ||
| 658 | [[image:attach:Kursrun - Tabelle formatieren_en.png]] | ||
| 659 | ))) | ||
| 660 | ))) | ||
| 661 | |((( | ||
| 662 | The table is inserted in the content. If you select a table cell by clicking on it, a context menu with further settings will appear. You can display the **table properties**, **delete the table**, **insert new rows** and **columns**, or **delete** them. | ||
| 663 | ))) | ||
| 664 | {{/expand}} | ||
| 665 | |||
| 666 | ==== (% style="color: rgb(51,51,51);" %)Table properties(%%) ==== | ||
| 667 | |||
| 668 | Open the **Table **menu item and click on **Table properties**. This function allows you to configure specific table settings. | ||
| 669 | |||
| 670 | (% class="wrapped" %) | ||
| 671 | |=((( | ||
| 672 | Width/height | ||
| 673 | )))|((( | ||
| 674 | (% class="TableParagraph" %) | ||
| 675 | Here you have the option to determine the size of the table in pixels. Alternatively, you may also specify the size relative to the size of the page. To do this, enter the percent sign after the number, e. g. width: 100%. | ||
| 676 | |||
| 677 | (% class="TableParagraph" %) | ||
| 678 | If you do not make any specifications, the size of the table is automatically adjusted to the size of the content. | ||
| 679 | ))) | ||
| 680 | |=((( | ||
| 681 | Cell spacing | ||
| 682 | )))|((( | ||
| 683 | Cell spacing defines the border width around the individual cells and is specified in pixels. | ||
| 684 | ))) | ||
| 685 | |=((( | ||
| 686 | Cell padding | ||
| 687 | )))|((( | ||
| 688 | Cell padding indicates the space between the table's cells. | ||
| 689 | ))) | ||
| 690 | |=((( | ||
| 691 | Border | ||
| 692 | )))|((( | ||
| 693 | Here you can specify the border width in pixels. If you enter 0, there will be no border around your table. | ||
| 694 | ))) | ||
| 695 | |=((( | ||
| 696 | Caption | ||
| 697 | )))|((( | ||
| 698 | If you activate this checkbox, an additional row will appear above your table. You may use this row to assign a table title. | ||
| 699 | ))) | ||
| 700 | |=((( | ||
| 701 | Advanced | ||
| 702 | )))|((( | ||
| 703 | (% class="TableParagraph" %) | ||
| 704 | In the **Advanced **tab, you can set the border and background colour for your table. To do this, you will need the hexadecimal code. Alternatively, you may also select a colour directly from the colour picker. | ||
| 705 | |||
| 706 | (% class="TableParagraph" %) | ||
| 707 | To fill in the **Style **field, CSS knowledge is required. Using CSS statements, you can customise the display of the table. | ||
| 708 | ))) | ||
| 709 | |||
| 710 | ==== (% style="color: rgb(62,68,68);" %)Edit cells, rows, and columns(%%) ==== | ||
| 711 | |||
| 712 | The **Cell**, **Row**, and **Column **menu items offer various functions to customise the table content. You can edit individual cells, rows, or columns. | ||
| 713 | |||
| 714 | To edit a **cell**, you have the following options: | ||
| 715 | |||
| 716 | * Merge cells | ||
| 717 | * Split cells | ||
| 718 | * Cell properties: | ||
| 719 | |||
| 720 | (% class="wrapped" style="margin-left: 30.0px;" %) | ||
| 721 | (% style="margin-left: 30.0px;" %)|=((( | ||
| 722 | Width/height | ||
| 723 | )))|((( | ||
| 724 | Here you can set the width and height of a cell in pixels or percent. | ||
| 725 | ))) | ||
| 726 | (% style="margin-left: 30.0px;" %)|=((( | ||
| 727 | Cell type | ||
| 728 | )))|((( | ||
| 729 | The **Header **cell type formats your content as a header. | ||
| 730 | ))) | ||
| 731 | (% style="margin-left: 30.0px;" %)|=((( | ||
| 732 | Scope | ||
| 733 | )))|((( | ||
| 734 | (% class="_mce_tagged_br" %) | ||
| 735 | * (% style="color: rgb(51,51,51);" %)Row | ||
| 736 | * (% style="color: rgb(51,51,51);" %)Column | ||
| 737 | * (% style="color: rgb(51,51,51);" %)Row group | ||
| 738 | * (% style="color: rgb(51,51,51);" %)Column group | ||
| 739 | ))) | ||
| 740 | (% style="margin-left: 30.0px;" %)|=((( | ||
| 741 | H align and V align | ||
| 742 | )))|((( | ||
| 743 | You have the option to choose whether you want your content to be left-aligned, right-aligned or centered. | ||
| 744 | ))) | ||
| 745 | (% style="margin-left: 30.0px;" %)|=((( | ||
| 746 | Advanced | ||
| 747 | )))|((( | ||
| 748 | (% class="TableParagraph" %) | ||
| 749 | In the **Advanced **tab, you can set the border and background colour for your table. To do this, you will need the hexadecimal code. Alternatively, you may also select a colour directly from the colour picker. | ||
| 750 | |||
| 751 | (% class="TableParagraph" %) | ||
| 752 | To fill in the **Style **field, CSS knowledge is required. Using CSS statements, you can customise the display of the table. | ||
| 753 | ))) | ||
| 754 | |||
| 755 | To edit a **row**, you have the following options: | ||
| 756 | |||
| 757 | * Insert row before | ||
| 758 | * Insert row after | ||
| 759 | * Delete row | ||
| 760 | * Cut row | ||
| 761 | * Copy row | ||
| 762 | * Paste row before | ||
| 763 | * Paste row after | ||
| 764 | * Row properties: | ||
| 765 | |||
| 766 | (% class="wrapped" style="margin-left: 30.0px;" %) | ||
| 767 | (% style="margin-left: 30.0px;" %)|=((( | ||
| 768 | Row type | ||
| 769 | )))|((( | ||
| 770 | * The **Header **moves the selected row up to the top of the table. | ||
| 771 | * The **Body **row type is used for the text or data contained in the table. | ||
| 772 | * The **Footer **moves the selected row to the last position of the table. | ||
| 773 | ))) | ||
| 774 | (% style="margin-left: 30.0px;" %)|=((( | ||
| 775 | H align and V align | ||
| 776 | )))|((( | ||
| 777 | You have the option to choose whether you want your content to be left-aligned, right-aligned or centered. | ||
| 778 | ))) | ||
| 779 | (% style="margin-left: 30.0px;" %)|=((( | ||
| 780 | Height | ||
| 781 | )))|((( | ||
| 782 | Here you can set the height of a row in pixels or percent. | ||
| 783 | ))) | ||
| 784 | (% style="margin-left: 30.0px;" %)|=(% colspan="1" %)(% colspan="1" %) | ||
| 785 | ((( | ||
| 786 | Advanced | ||
| 787 | )))|(% colspan="1" %)(% colspan="1" %) | ||
| 788 | ((( | ||
| 789 | (% class="TableParagraph" style="text-align: left;" %) | ||
| 790 | In the **Advanced **tab, you can set the border and background colour for your table. To do this, you will need the hexadecimal code. Alternatively, you may also select a colour directly from the colour picker. | ||
| 791 | |||
| 792 | (% class="TableParagraph" style="text-align: left;" %) | ||
| 793 | To fill in the **Style **field, CSS knowledge is required. Using CSS statements, you can customise the display of the table. | ||
| 794 | ))) | ||
| 795 | |||
| 796 | To edit a** column**, you have the following options: | ||
| 797 | |||
| 798 | * Insert column before | ||
| 799 | * Insert column after | ||
| 800 | * Delete column | ||
| 801 | {{/layout-cell}} | ||
| 802 | {{/layout-section}} | ||
| 803 | |||
| 804 | {{layout-section ac:type="single"}} | ||
| 805 | {{layout-cell}} | ||
| 806 | \\ | ||
| 807 | {{/layout-cell}} | ||
| 808 | {{/layout-section}} | ||
| 809 | |||
| 810 | {{layout-section ac:type="single"}} | ||
| 811 | {{layout-cell}} | ||
| 812 | === === | ||
| 813 | |||
| 814 | {{id name="werkzeuge"/}}ToolsYou can choose from various tools to customise your content and add formulas. For more detailed information on how to use these functions, see the [[Formula editor>>url:https://www.bps-system.de/help/display/LMSintern/.Formeleditor+v3.10||rel="nofollow" shape="rect"]] help page. | ||
| 815 | |||
| 816 | (% class="wrapped" %) | ||
| 817 | |=(% colspan="1" %)(% colspan="1" %) | ||
| 818 | ((( | ||
| 819 | Option | ||
| 820 | )))|=(% colspan="1" %)(% colspan="1" %) | ||
| 821 | ((( | ||
| 822 | Description | ||
| 823 | ))) | ||
| 824 | |((( | ||
| 825 | Source code | ||
| 826 | )))|((( | ||
| 827 | Click on the **Source code** menu item to edit your content directly in the HTML file. | ||
| 828 | ))) | ||
| 829 | |((( | ||
| 830 | Formula editor | ||
| 831 | )))|((( | ||
| 832 | (% class="TableParagraph" %) | ||
| 833 | MathML and LaTeX are formula editors you can use to display your formulas. For more detailed information, see the (% style="color: rgb(13,122,149);" %)[[Formula editor>>url:https://www.bps-system.de/help/display/LMSintern/.Formeleditor+v3.10||rel="nofollow" shape="rect"]](%%) help page.\\ | ||
| 834 | ))) | ||
| 835 | {{/layout-cell}} | ||
| 836 | {{/layout-section}} | ||
| 837 | {{/layout}} | ||
| 838 | {{/sv-translation}} |