Zum Inhalt springen

Wiki-Quellcode von Symbole und Menüfunktionen

Version 282.3 von Carina Enke (Admin) am 27.09.2024
Zeige letzte Bearbeiter
1 {{section}}
2 {{column width="60%"}}
3
4 Mithilfe des Texteditors können Sie Text beliebig formatieren, Verlinkungen und Bilder hinzufügen und bearbeiten. Folgende Optionen bietet der Editor:
5 {{/column}}
6
7 {{column width="30%"}}
8 {{panel title="Inhalt"}}
9 {{toc start="2" depth="3"/}}
10 {{/panel}}
11 {{/column}}
12 {{/section}}
13
14 == Symbole im Texteditor ==
15 |(% style="width:462px" %)(((
16 [[image:attach:icon_Darstellungsoptionen.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true"]]
17 )))|(% style="width:978px" %)(((
18 Darstellung von einzelnen Wörtern oder Abschnitten anpassen
19
20 * **Fett**
21 * //Kursiv//
22 * __Unterstrichen__
23
24 * Textfarbe
25 * Hintergrundfarbe
26
27 Weitere Darstellungsoptionen finden Sie im Hauptmenü unter** [[Format>>doc:LMS.BenutzerhandbuchOPAL.Lehren.Weitere Funktionen.Texteditor.Symbole und Menüfunktionen.WebHome||anchor="HFormat"]].**
28 )))
29 |(% style="width:462px" %)(((
30 [[image:attach:icon_Ausrichtungsoptionen.png]]
31 )))|(% style="width:978px" %)(((
32 Ausrichtung, Aufzählungen und Einzug
33
34 * Ausrichtung linksbündig
35 * Ausrichtung zentriert
36 * Ausrichtung rechtsbündig
37
38 * Aufzählung
39 * Nummerierte Liste
40
41 * Einzug vergrößern
42 * Einzug verkleinern
43 )))
44 |(% style="width:462px" %)(((
45 [[image:attach:icon_Linkoptionen.png]]
46 )))|(% style="width:978px" %)(((
47 * [[Link einfügen bzw. bearbeiten>>doc:LMS.Benutzerhandbuch OPAL.Lehren.Weitere Funktionen.Texteditor.Link einfügen oder bearbeiten.WebHome]]
48 * Link entfernen
49
50 * Bild einfügen bzw. bearbeiten
51 * Smiley einfügen
52 * Quelltext
53 )))
54
55
56 == Hauptmenü ==
57
58
59 * [[Bearbeiten>>doc:||anchor="bearbeiten"]]
60 * [[Einfügen>>doc:||anchor="einfügen"]]
61 * [[Format>>doc:||anchor="format"]]
62 * [[Ansicht>>doc:||anchor="ansicht"]]
63 * [[Tabelle>>doc:||anchor="tabelle"]]
64 * [[Werkzeuge>>doc:||anchor="werkzeuge"]]
65
66 {{id name="bearbeiten"/}}
67
68 === Bearbeiten ===
69
70 Im Menüpunkt **Bearbeiten** finden Sie folgende Funktionen:
71
72 * Rückgängig
73 * Wiederholen
74 * Ausschneiden
75 * Kopieren
76 * Einfügen
77 * Als Text einfügen
78 * Alles auswählen
79 * Suchen und ersetzen
80
81 {{info}}
82 Die Tastaturkürzel für die Funktionen sind die üblichen, die auch in anderen Textverarbeitungsprogrammen Anwendung finden (z. B. STRG + C für Kopieren).
83 {{/info}}
84
85
86 {{id name="einfügen"/}}
87
88 === Einfügen ===
89
90 Im Menüpunkt **Einfügen** haben Sie die Möglichkeit, Bilder, Zeichen, Textmarken und Datum/Uhrzeit einzufügen.
91
92 |=(((
93 Bild einfügen/bearbeiten
94 )))|(((
95 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.
96 )))
97 |=(% colspan="1" %)(% colspan="1" %)
98 (((
99 Video einfügen/bearbeiten
100 )))|(% colspan="1" %)(% colspan="1" %)
101 (((
102 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 [[Video einbinden>>doc:LMS.Benutzerhandbuch OPAL.Lehren.Weitere Funktionen.Texteditor.Video einbinden.WebHome]].
103
104 Ü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 [[VR-Inhalte einfügen>>doc:LMS.Benutzerhandbuch OPAL.Lehren.Weitere Funktionen.Texteditor.Inhalte einbetten.VR-Inhalte einfuegen.WebHome]]. Ein weiteres Anwendungsbeispiel zeigt die **Einbettung eines pdf-Inhalts**. Informationen dazu enthält die Seite [[Externe Pdf-Datei einbetten>>doc:LMS.Benutzerhandbuch OPAL.Lehren.Kursbausteine.Einzelne Seite.KB Einzelne Seite Einsatzbeispiele.Anwendungsbeispiel\: Externe Pdf-Datei einbetten.WebHome]].
105 )))
106 |=(((
107 Geschütztes Leerzeichen
108 )))|(((
109 Das geschützte Leerzeichen verhindert einen ungewollten automatischen Zeilenumbruch an der Stelle des Leerzeichens. Damit bleiben Inhalte zusammen, die Sie nicht trennen möchten.
110 )))
111 |=(((
112 Sonderzeichen
113 )))|(((
114 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.
115 )))
116 |=(((
117 Textmarke
118 )))|(((
119 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**.
120 )))
121 |=(((
122 Datum/Uhrzeit einfügen
123 )))|(((
124 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.
125 )))
126
127 {{id name="format"/}}
128
129 === Format ===
130
131 Im 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 den** Zeilenabstand **und die** Ausrichtung** Ihres Textes bestimmen.
132
133 Ausgewählte Wörter oder Textabschnitte können Sie durch einen farbigen Hintergrund hervorheben, indem Sie eine der **Meldungen** auswählen.
134
135 Einzelne Funktionen wie die **Zeichenformate** oder die **Ausrichtung** finden Sie zusätzlich auch als Symbol unterhalb des Hauptmenüs.
136
137 [[image:attach:Kursrun - Format - Überschriften_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
138
139 {{info title="Formatierung entfernen"}}
140 Um Ihre Formatierung wieder zu entfernen, gehen Sie wie folgt vor:
141
142 1. Markieren Sie den entsprechenden Text, dessen Formatierung Sie löschen möchten.
143 1. Klicken Sie im Hauptmenü auf den Eintrag **Formate**.
144 1. Wählen Sie den Menüeintrag **Formatierung entfernen** aus.
145 1. Die Formatierung des markierten Bereichs wird zurückgesetzt.
146 {{/info}}
147
148 {{id name="ansicht"/}}
149
150 === Ansicht ===
151
152 Die Funktionen im Menüpunkt **Ansicht** ermöglichen das Einblenden von Symbolen, die im Standardmodus nicht sichtbar sind.
153
154 |=(% style="width: 231px;" %)(((
155 Blöcke anzeigen
156 )))|(% style="width:1209px" %)(((
157 Diese Funktion zeigt Formatierungssymbole wie Zeilenumbrüche an.
158 )))
159 |=(% style="width: 231px;" %)(((
160 Unsichtbare Zeichen anzeigen
161 )))|(% style="width:1209px" %)(((
162 Hier werden Formatierungssymbole innerhalb des Textes, wie z. B. das geschützte Leerzeichen, angezeigt.
163 )))
164
165 {{id name="tabelle"/}}
166
167 === Tabelle ===
168
169 Um eine Tabelle einzufügen, gehen Sie wie folgt vor:
170
171 |(% style="width:948px" %)(((
172 Öffnen Sie den Menüpunkt **Tabelle** und klicken Sie auf **Tabelle einfügen**.
173 )))|(% rowspan="2" style="width:492px" %)(% rowspan="2" %)
174 (((
175 (% class="content-wrapper" %)
176 (((
177 [[image:attach:Kursrun - Tabelle anlegen_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
178 )))
179 )))
180 |(% style="width:948px" %)(((
181 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.
182 )))
183 |(% style="width:948px" %)(((
184 Im abgebildeten Beispiel erstellen Sie eine Tabelle mit 4 Spalten und 4 Zeilen.
185 )))|(% rowspan="2" style="width:492px" %)(% rowspan="2" %)
186 (((
187 (% class="content-wrapper" %)
188 (((
189 [[image:attach:Kursrun - Tabelle formatieren_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
190 )))
191 )))
192 |(% colspan="1" style="width:948px" %)(% colspan="1" %)
193 (((
194 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**.
195 )))
196
197 ==== Tabelleneigenschaften ====
198
199 Im Menüpunkt **Tabelle** finden Sie den Menüpunkt **Tabelleneigenschaften**. Dort können Sie spezifische Einstellungen zu Ihrer Tabelle vornehmen.
200
201 |=(((
202 Breite/Höhe
203 )))|(((
204 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%.
205 Wenn Sie keinerlei Angaben zur Größe machen, wird die Größe der Tabelle automatisch an die Größe des Inhalts angepasst.
206 )))
207 |=(((
208 Zellenabstand
209 )))|(((
210 Der Zellenabstand definiert die Rahmenbreite um die einzelnen Zellen und wird in Pixeln angegeben.
211 )))
212 |=(((
213 Zelleninnenabstand
214 )))|(((
215 Dieser Abstand gibt die Größe des Raumes zwischen jeder Zelle an.
216 )))
217 |=(((
218 Rahmen
219 )))|(((
220 Hier können Sie die Rahmenbreite in Pixeln angeben. Wenn Sie 0 eingeben, erscheint kein Rahmen um Ihre Tabelle.
221 )))
222 |=(((
223 Beschriftung
224 )))|(((
225 Wenn Sie die Checkbox aktivieren, erscheint eine zusätzliche Zeile oberhalb Ihrer Tabelle. Diese können Sie nutzen, um einen Titel zu vergeben.
226 )))
227 |=(((
228 Erweitert
229 )))|(((
230 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.
231 Für das Ausfüllen des Feldes **Stil** sind CSS-Kenntnisse notwendig. Sie können mit CSS-Anweisungen die Darstellung der Tabelle individueller gestalten.
232 )))
233
234 ==== Zellen, Zeilen und Spalten bearbeiten ====
235
236 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.
237
238 Zur Bearbeitung einer **Zelle** haben Sie folgende Möglichkeiten:
239
240 * Zellen verbinden
241 * Zelle aufteilen
242 * (((
243 Zelleneigenschaften:
244
245 |=(((
246 Breite/Höhe
247 )))|(((
248 Hier können Sie die Breite und Höhe einer Zelle in Pixeln oder Prozent festlegen.
249 )))
250 |=(((
251 Zellentyp
252 )))|(((
253 Der Zellentyp **Kopfzeile **formatiert Ihren Inhalt entsprechend einer Kopfzeile.
254 )))
255 |=(((
256 Gültigkeitsbereich
257 )))|(((
258 (% class="_mce_tagged_br" %)
259 * Zeile
260 * Spalte
261 * Zeilengruppe
262 * Spaltengruppe
263 )))
264 |=(((
265 Ausrichtung
266 )))|(((
267 Sie haben die Möglichkeit, auszuwählen, ob Ihr Inhalt links-, rechtsbündig oder zentriert ausgerichtet sein soll.
268 )))
269 |=(((
270 Erweitert
271 )))|(((
272 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.
273 Für das Ausfüllen des Feldes **Stil** sind CSS-Kenntnisse notwendig. Sie können mit CSS-Anweisungen die Darstellung der Tabelle individueller gestalten.
274 )))
275 )))
276
277 Für die Bearbeitung einer **Zeile** haben Sie folgende Optionen:
278
279 * Neue Zeile davor einfügen
280 * Neue Zeile danach einfügen
281 * Zeile löschen
282 * Zeile ausschneiden
283 * Zeile kopieren
284 * Zeile davor einfügen
285 * Zeile danach einfügen
286 * (((
287 Zeileneigenschaften:
288
289 |=(((
290 Zeilentyp
291 )))|(((
292 * Die **Kopfzeile** verschiebt die markierte Zeile nach oben, an den Anfang der Tabelle.
293 * Der Zeilentyp **Inhalt** wird für den enthaltenen Text oder Daten in der Tabelle verwendet.
294 * Die **Fußzeile** verschiebt die markierte Zeile an die letzte Position der Tabelle.
295 )))
296 |=(((
297 Ausrichtung
298 )))|(((
299 Sie haben die Möglichkeit, auszuwählen, ob Ihr Inhalt links-, rechtsbündig oder zentriert ausgerichtet sein soll.
300 )))
301 |=(((
302 Höhe
303 )))|(((
304 Hier können Sie die Höhe einer Zeile in Pixeln oder Prozent festlegen.
305 )))
306 |=(% colspan="1" %)(% colspan="1" %)
307 (((
308 Erweitert
309 )))|(% colspan="1" %)(% colspan="1" %)
310 (((
311 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.
312 Für das Ausfüllen des Feldes **Stil** sind CSS-Kenntnisse notwendig. Sie können mit CSS-Anweisungen die Darstellung der Tabelle individueller gestalten.
313 )))
314 )))
315
316 Um die **Spalten** der Tabelle zu bearbeiten, haben Sie folgende Möglichkeiten:
317
318 * Spalte davor einfügen
319 * Spalte danach einfügen
320 * Spalte löschen
321
322 {{id name="werkzeuge"/}}
323
324 === Werkzeuge ===
325
326
327 Um Ihren Inhalt anzupassen und Formeln hinzuzufügen, stehen Ihnen verschiedene Werkzeuge zur Verfügung. Detaillierte Informationen zur Nutzung dieser Funktionen finden Sie unter [[Formeleditor>>doc:LMS.Benutzerhandbuch OPAL.Lehren.Weitere Funktionen.Texteditor.Formeleditor.WebHome]].
328
329 |=(((
330 Option
331 )))|=(((
332 Erklärung
333 )))
334 |(((
335 Quelltext
336 )))|(((
337 Mit Klick auf den Menüpunkt **Quelltext **können Sie direkt in der HTML-Datei Änderungen an Ihrem Inhalt vornehmen.
338 )))
339 |(((
340 Formeleditor
341 )))|(((
342 MathML und LaTeX sind Formeleditoren, mit denen Sie Ihre Formeln darstellen können. Ausführlichere Hinweise beinhaltet die Seite [[Formeleditor>>doc:LMS.Benutzerhandbuch OPAL.Lehren.Weitere Funktionen.Texteditor.Formeleditor.WebHome]].
343 )))