Skip to Content

Wiki source code of Symbole und Menüfunktionen

Last modified by Moritz Baumgarten on 15.01.2024
Hide last authors
Carina Enke 289.1 1 {{layout}}
2 {{layout-section ac:type="single"}}
3 {{layout-cell}}
4 == Icons in the text editor ==
Moritz Baumgarten 265.1 5
Carina Enke 86.1 6
Carina Enke (Admin) 283.1 7
Carina Enke 289.1 8 The text editor allows you to format text as you wish and to add links and images. All formatting icons are listed below: 
Carina Enke 86.1 9
Carina Enke 289.1 10 (% class="wrapped" %)
11 |(((
12 (% class="content-wrapper" %)
13 (((
14 [[image:attach:icon_Darstellungsoptionen.png||data-xwiki-image-style="img-icon"]]
15 )))
16 )))|(((
17 Customise how individual words or sections are presented
Carina Enke 86.1 18
Carina Enke 289.1 19 * **Bold**
20 * //Italic//
21 * __Underlined__
Carina Enke 86.1 22
Carina Enke 289.1 23 * Text colour
24 * Background colour
25
26 More options can be found in the main menu under **Format**.
Carina Enke 86.1 27 )))
Carina Enke 289.1 28 |(((
29 (% class="content-wrapper" %)
30 (((
Carina Enke 86.1 31 [[image:attach:icon_Ausrichtungsoptionen.png]]
Carina Enke 289.1 32 )))
33 )))|(((
34 Alignment, bullet list, and indentation
Carina Enke 86.1 35
Carina Enke 289.1 36 * Align left
37 * Align center
38 * Align right
Carina Enke 86.1 39
Carina Enke 289.1 40 * Bullt list
41 * Numbered list
Carina Enke 86.1 42
Carina Enke 289.1 43 * Increase indent
44 * Decrease indent
Carina Enke 86.1 45 )))
Carina Enke 289.1 46 |(((
47 (% class="content-wrapper" %)
48 (((
Carina Enke 86.1 49 [[image:attach:icon_Linkoptionen.png]]
Carina Enke 289.1 50 )))
51 )))|(((
52 * [[Insert or edit link>>doc:LMS.Benutzerhandbuch OPAL.Lehren.Weitere Funktionen.Texteditor.Link einfügen oder bearbeiten.WebHome||shape="rect"]]
53 * Remove link
Carina Enke 86.1 54
Carina Enke 289.1 55 * Insert or edit image
56 * Source code
Carina Enke 86.1 57 )))
Carina Enke 289.1 58 {{/layout-cell}}
59 {{/layout-section}}
Carina Enke 86.1 60
Carina Enke 289.1 61 {{layout-section ac:type="single"}}
62 {{layout-cell}}
63
64 {{/layout-cell}}
65 {{/layout-section}}
Carina Enke 86.1 66
Carina Enke 289.1 67 {{layout-section ac:type="single"}}
68 {{layout-cell}}
69 == Main menu ==
Carina Enke (Admin) 281.3 70
Carina Enke 86.1 71
Carina Enke 289.1 72 * [[Edit>>doc:||anchor="bearbeiten"]]
73 * [[Insert>>doc:||anchor="einfügen"]]
74 * [[Format>>doc:||anchor="format"]]
75 * [[View>>doc:||anchor="ansicht"]]
76 * [[Table>>doc:||anchor="tabelle"]]
77 * [[Tools>>doc:||anchor="werkzeuge"]]
78 {{/layout-cell}}
79 {{/layout-section}}
Carina Enke 86.1 80
Carina Enke 289.1 81 {{layout-section ac:type="single"}}
82 {{layout-cell}}
83
84 {{/layout-cell}}
85 {{/layout-section}}
86
87 {{layout-section ac:type="single"}}
88 {{layout-cell}}
89 === ===
90
91 {{id name="bearbeiten"/}}EditUnder the **Edit **menu item, you will find the following functions: 
92
93 * Undo
94 * Redo
95 * Cut
96 * Copy
97 * Paste
98 * Paste as test
99 * Select all
100 * Find and replace
101
Carina Enke 86.1 102 {{info}}
Carina Enke 289.1 103 The keyboard shortcuts for the functions are the same as in other word processing programmes (e. g. CTRL + C for copy).
Carina Enke 86.1 104 {{/info}}
Carina Enke 289.1 105 {{/layout-cell}}
106 {{/layout-section}}
Carina Enke 86.1 107
Carina Enke 289.1 108 {{layout-section ac:type="single"}}
109 {{layout-cell}}
110 === ===
Carina Enke 86.1 111
Carina Enke 289.1 112 {{id name="einfügen"/}}InsertThe **Insert **menu item (% style="color:#333333" %)allows you to insert images, characters, anchors, and date/time.
Carina Enke (Admin) 281.3 113
Carina Enke 289.1 114 (% class="wrapped" %)
Carina Enke 86.1 115 |=(((
Carina Enke 289.1 116 Insert/edit image
Carina Enke 86.1 117 )))|(((
Carina Enke 289.1 118 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.
Carina Enke 86.1 119 )))
120 |=(% colspan="1" %)(% colspan="1" %)
121 (((
Carina Enke 289.1 122 Insert/edit video
Carina Enke 86.1 123 )))|(% colspan="1" %)(% colspan="1" %)
124 (((
Carina Enke 289.1 125 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>>doc:LMS.Benutzerhandbuch OPAL.Lehren.Weitere Funktionen.Texteditor.Video einbinden.WebHome||shape="rect"]] help page.
Carina Enke 86.1 126
Carina Enke 289.1 127 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 [[Embed VR-content>>doc:LMS.Benutzerhandbuch OPAL.Lehren.Kursbausteine.Einzelne Seite.KB Einzelne Seite Einsatzbeispiele.Anwendungsbeispiel\: Datei mit VR-Inhalt einbinden.WebHome]]. A further application example shows the **embedding of PDF content**. Information on this can be found on the page [[Embed external PDF file>>doc:LMS.Benutzerhandbuch OPAL.Lehren.Kursbausteine.Einzelne Seite.KB Einzelne Seite Einsatzbeispiele.Anwendungsbeispiel\: Externe Pdf-Datei einbetten.WebHome]].
Carina Enke 86.1 128 )))
129 |=(((
Carina Enke 289.1 130 Non-breaking spaces
Carina Enke 86.1 131 )))|(((
Carina Enke 289.1 132 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.
Carina Enke 86.1 133 )))
134 |=(((
Carina Enke 289.1 135 Special characters
Carina Enke 86.1 136 )))|(((
Carina Enke 289.1 137 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.
Carina Enke 86.1 138 )))
139 |=(((
Carina Enke 289.1 140 Anchors
Carina Enke 86.1 141 )))|(((
Carina Enke 289.1 142 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**.
Carina Enke 86.1 143 )))
144 |=(((
Carina Enke 289.1 145 Date/time
Carina Enke 86.1 146 )))|(((
Carina Enke 289.1 147 You can select and insert the current date or time. This information is available in German and English.
Carina Enke 86.1 148 )))
Carina Enke 289.1 149 {{/layout-cell}}
150 {{/layout-section}}
Carina Enke 86.1 151
Carina Enke 289.1 152 {{layout-section ac:type="single"}}
153 {{layout-cell}}
154
155 {{/layout-cell}}
156 {{/layout-section}}
Carina Enke 288.1 157
Carina Enke 289.1 158 {{layout-section ac:type="single"}}
159 {{layout-cell}}
160 === ===
Carina Enke 288.1 161
Carina Enke 289.1 162 {{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. 
Carina Enke (Admin) 281.3 163
Carina Enke 289.1 164 You can highlight selected words or text sections with background colours by selecting one of the **Messages **from the list.
Carina Enke (Admin) 281.3 165
Carina Enke 289.1 166 Individual functions such as those under **Inline **or **Alignment **can also be found as an icon below the main menu. 
Carina Enke 86.1 167
Carina Enke 289.1 168 [[image:attach:Kursrun - Format - Überschriften_en.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
Carina Enke 86.1 169
Carina Enke 289.1 170 {{info title="Clear formatting"}}
171 To clear your formatting, proceed as follows:
Carina Enke 86.1 172
Carina Enke 289.1 173 1. Mark the text whose formatting you wish to clear.
174 1. Click on **Format** in the main menu.
175 1. Select the **Clear formatting **menu item.
176 1. The formatting of the marked area is reset.
Carina Enke 86.1 177 {{/info}}
Carina Enke 289.1 178 {{/layout-cell}}
179 {{/layout-section}}
Carina Enke 86.1 180
Carina Enke 289.1 181 {{layout-section ac:type="single"}}
182 {{layout-cell}}
183
184 {{/layout-cell}}
185 {{/layout-section}}
Carina Enke (Admin) 281.3 186
Carina Enke 289.1 187 {{layout-section ac:type="single"}}
188 {{layout-cell}}
189 === ===
Carina Enke (Admin) 281.3 190
Carina Enke 289.1 191 {{id name="ansicht"/}}ViewWith the functions in the **View **menu item you can show symbols that are otherwise not visible in the standard mode. 
Carina Enke 86.1 192
Carina Enke 289.1 193 (% class="wrapped" %)
194 |=(((
195 Show blocks
196 )))|(((
197 This function shows formatting symbols such as line breaks.
Carina Enke 86.1 198 )))
Carina Enke 289.1 199 |=(((
200 Show invisible characters
201 )))|(((
202 This function shows formatting symbols within the text, e. g. non-breaking spaces.
Carina Enke 86.1 203 )))
Carina Enke 289.1 204 {{/layout-cell}}
205 {{/layout-section}}
Carina Enke 86.1 206
Carina Enke 289.1 207 {{layout-section ac:type="single"}}
208 {{layout-cell}}
209
210 {{/layout-cell}}
211 {{/layout-section}}
Carina Enke 86.1 212
Carina Enke 289.1 213 {{layout-section ac:type="single"}}
214 {{layout-cell}}
215 === ===
Carina Enke 86.1 216
Carina Enke 289.1 217 {{id name="tabelle"/}}Table
Carina Enke 86.1 218
Carina Enke 289.1 219 ==== (% style="color:#333333" %)Insert table(%%) ====
Carina Enke (Admin) 285.1 220
Carina Enke 289.1 221 {{expand title="Insert table ..."}}
222 To insert a table, proceed as follows:
Carina Enke (Admin) 285.1 223
Carina Enke 289.1 224 (% class="wrapped" %)
225 |(((
226 Open the **Table** menu item and click on** Table**.
227 )))|(% rowspan="2" %)(% rowspan="2" %)
228 (((
229 (% class="content-wrapper" %)
230 (((
231 [[image:attach:Kursrun - Tabelle anlegen_en.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
232 )))
233 )))
234 |(((
235 A grid to define the table size opens. Select the desired number of columns and rows with one click.
236 )))
237 |(((
238 In the example, a table with 4 columns and 4 rows is created.
239 )))|(% rowspan="2" %)(% rowspan="2" %)
240 (((
241 (% class="content-wrapper" %)
242 (((
243 [[image:attach:Kursrun - Tabelle formatieren_en.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
244 )))
245 )))
246 |(((
247 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.
248 )))
249 {{/expand}}
Carina Enke (Admin) 285.1 250
Carina Enke 289.1 251 ==== (% style="color:#333333" %)Table properties(%%) ====
Carina Enke (Admin) 285.1 252
253
Carina Enke 86.1 254
Carina Enke 289.1 255 Open the **Table **menu item and click on **Table properties**. This function allows you to configure specific table settings.
Carina Enke 86.1 256
Carina Enke 289.1 257 (% class="wrapped" %)
Carina Enke 86.1 258 |=(((
Carina Enke 289.1 259 Width/height
Carina Enke 86.1 260 )))|(((
Carina Enke 289.1 261 (% class="TableParagraph" %)
262 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%. 
263
264 (% class="TableParagraph" %)
265 If you do not make any specifications, the size of the table is automatically adjusted to the size of the content.
Carina Enke 86.1 266 )))
267 |=(((
Carina Enke 289.1 268 Cell spacing
Carina Enke 86.1 269 )))|(((
Carina Enke 289.1 270 Cell spacing defines the border width around the individual cells and is specified in pixels.
Carina Enke 86.1 271 )))
272 |=(((
Carina Enke 289.1 273 Cell padding
Carina Enke 86.1 274 )))|(((
Carina Enke 289.1 275 Cell padding indicates the space between the table's cells.
Carina Enke 86.1 276 )))
277 |=(((
Carina Enke 289.1 278 Border
Carina Enke 86.1 279 )))|(((
Carina Enke 289.1 280 Here you can specify the border width in pixels. If you enter 0, there will be no border around your table.
Carina Enke 86.1 281 )))
282 |=(((
Carina Enke 289.1 283 Caption
Carina Enke 86.1 284 )))|(((
Carina Enke 289.1 285 If you activate this checkbox, an additional row will appear above your table. You may use this row to assign a table title.
Carina Enke 86.1 286 )))
287 |=(((
Carina Enke 289.1 288 Advanced
Carina Enke 86.1 289 )))|(((
Carina Enke 289.1 290 (% class="TableParagraph" %)
291 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. 
292
293 (% class="TableParagraph" %)
294 To fill in the **Style **field, CSS knowledge is required. Using CSS statements, you can customise the display of the table.
Carina Enke 86.1 295 )))
296
Carina Enke 289.1 297 ==== ====
Carina Enke 86.1 298
Carina Enke 289.1 299 ==== ====
Carina Enke 86.1 300
301
Carina Enke 289.1 302 ==== (% style="color:#3e4444" %)Edit cells, rows, and columns(%%) ====
Carina Enke 86.1 303
Carina Enke 289.1 304
305
306 The **Cell**, **Row**, and **Column **menu items offer various functions to customise the table content. You can edit individual cells, rows, or columns.
307
308 To edit a **cell**, you have the following options:
309
310 * Merge cells
311 * Split cells
312 * Cell properties:
313
314 (% class="wrapped" style="margin-left:30.0px" %)
315 (% style="margin-left:30.0px" %)|=(((
316 Width/height
Carina Enke 86.1 317 )))|(((
Carina Enke 289.1 318 Here you can set the width and height of a cell in pixels or percent.
Carina Enke 86.1 319 )))
Carina Enke 289.1 320 (% style="margin-left:30.0px" %)|=(((
321 Cell type
Carina Enke 86.1 322 )))|(((
Carina Enke 289.1 323 The **Header **cell type formats your content as a header.
Carina Enke 86.1 324 )))
Carina Enke 289.1 325 (% style="margin-left:30.0px" %)|=(((
326 Scope
Carina Enke 86.1 327 )))|(((
328 (% class="_mce_tagged_br" %)
Carina Enke 289.1 329 * (% style="color:#333333" %)Row
330 * (% style="color:#333333" %)Column
331 * (% style="color:#333333" %)Row group
332 * (% style="color:#333333" %)Column group
Carina Enke 86.1 333 )))
Carina Enke 289.1 334 (% style="margin-left:30.0px" %)|=(((
335 H align and V align
Carina Enke 86.1 336 )))|(((
Carina Enke 289.1 337 You have the option to choose whether you want your content to be left-aligned, right-aligned or centered.
Carina Enke 86.1 338 )))
Carina Enke 289.1 339 (% style="margin-left:30.0px" %)|=(((
340 Advanced
Carina Enke 86.1 341 )))|(((
Carina Enke 289.1 342 (% class="TableParagraph" %)
343 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. 
344
345 (% class="TableParagraph" %)
346 To fill in the **Style **field, CSS knowledge is required. Using CSS statements, you can customise the display of the table.
Carina Enke 86.1 347 )))
348
Carina Enke 289.1 349 To edit a **row**, you have the following options:
Carina Enke 86.1 350
Carina Enke 289.1 351 * Insert row before
352 * Insert row after
353 * Delete row
354 * Cut row
355 * Copy row
356 * Paste row before
357 * Paste row after
358 * Row properties:
Carina Enke 86.1 359
Carina Enke 289.1 360 (% class="wrapped" style="margin-left:30.0px" %)
361 (% style="margin-left:30.0px" %)|=(((
362 Row type
Carina Enke 86.1 363 )))|(((
Carina Enke 289.1 364 * The **Header **moves the selected row up to the top of the table. 
365 * The **Body **row type is used for the text or data contained in the table.
366 * The **Footer **moves the selected row to the last position of the table.
Carina Enke 86.1 367 )))
Carina Enke 289.1 368 (% style="margin-left:30.0px" %)|=(((
369 H align and V align
Carina Enke 86.1 370 )))|(((
Carina Enke 289.1 371 You have the option to choose whether you want your content to be left-aligned, right-aligned or centered.
Carina Enke 86.1 372 )))
Carina Enke 289.1 373 (% style="margin-left:30.0px" %)|=(((
374 Height
Carina Enke 86.1 375 )))|(((
Carina Enke 289.1 376 Here you can set the height of a row in pixels or percent.
Carina Enke 86.1 377 )))
Carina Enke 289.1 378 (% style="margin-left:30.0px" %)|=(% colspan="1" %)(% colspan="1" %)
Carina Enke 86.1 379 (((
Carina Enke 289.1 380 Advanced
Carina Enke 86.1 381 )))|(% colspan="1" %)(% colspan="1" %)
382 (((
Carina Enke 289.1 383 (% class="TableParagraph" style="text-align: left;" %)
384 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. 
385
386 (% class="TableParagraph" style="text-align: left;" %)
387 To fill in the **Style **field, CSS knowledge is required. Using CSS statements, you can customise the display of the table.
Carina Enke 86.1 388 )))
389
Carina Enke 289.1 390 To edit a** column**, you have the following options:
Carina Enke 86.1 391
Carina Enke 289.1 392 * Insert column before
393 * Insert column after
394 * Delete column
395 {{/layout-cell}}
396 {{/layout-section}}
Carina Enke 86.1 397
Carina Enke 289.1 398 {{layout-section ac:type="single"}}
399 {{layout-cell}}
400
401 {{/layout-cell}}
402 {{/layout-section}}
Carina Enke (Admin) 282.1 403
Carina Enke 289.1 404 {{layout-section ac:type="single"}}
405 {{layout-cell}}
406 === ===
Carina Enke 86.1 407
Carina Enke 289.1 408 {{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>>doc:LMS.Benutzerhandbuch OPAL.Lehren.Weitere Funktionen.Texteditor.Formeleditor.WebHome||rel="nofollow" shape="rect"]] help page.
409
410 (% class="wrapped" %)
411 |=(% colspan="1" %)(% colspan="1" %)
412 (((
Carina Enke 86.1 413 Option
Carina Enke 289.1 414 )))|=(% colspan="1" %)(% colspan="1" %)
415 (((
416 Description
Carina Enke 86.1 417 )))
418 |(((
Carina Enke 289.1 419 Source code
Carina Enke 86.1 420 )))|(((
Carina Enke 289.1 421 Click on the **Source code** menu item to edit your content directly in the HTML file.
Carina Enke 86.1 422 )))
423 |(((
Carina Enke 289.1 424 Formula editor
Carina Enke 86.1 425 )))|(((
Carina Enke 289.1 426 (% class="TableParagraph" %)
427 MathML and LaTeX are formula editors you can use to display your formulas. For more detailed information, see the (% style="color:#0d7a95" %)[[Formula editor>>doc:LMS.Benutzerhandbuch OPAL.Lehren.Weitere Funktionen.Texteditor.Formeleditor.WebHome||rel="nofollow" shape="rect"]](%%) help page.
Carina Enke 86.1 428 )))
Carina Enke 289.1 429 {{/layout-cell}}
430 {{/layout-section}}
431 {{/layout}}