Wiki source code of Symbole und Menüfunktionen

Last modified by Moritz Baumgarten on 15.01.2024

version	line-number	content
286.1	1	{{layout}}
	2	{{layout-section ac:type="single"}}
	3	{{layout-cell}}
	4	== Icons in the text editor ==
265.1	5
86.1	6
283.1	7
286.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:
86.1	9
286.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
86.1	18
286.1	19	* Bold
	20	* //Italic//
	21	* __Underlined__
86.1	22
286.1	23	* Text colour
	24	* Background colour
	25
	26	More options can be found in the main menu under Format.
86.1	27	)))
286.1	28	\|(((
	29	(% class="content-wrapper" %)
	30	(((
86.1	31	[[image:attach:icon_Ausrichtungsoptionen.png]]
286.1	32	)))
	33	)))\|(((
	34	Alignment, bullet list, and indentation
86.1	35
286.1	36	* Align left
	37	* Align center
	38	* Align right
86.1	39
286.1	40	* Bullt list
	41	* Numbered list
86.1	42
286.1	43	* Increase indent
	44	* Decrease indent
86.1	45	)))
286.1	46	\|(((
	47	(% class="content-wrapper" %)
	48	(((
86.1	49	[[image:attach:icon_Linkoptionen.png]]
286.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
86.1	54
286.1	55	* Insert or edit image
	56	* Source code
86.1	57	)))
286.1	58	{{/layout-cell}}
	59	{{/layout-section}}
86.1	60
286.1	61	{{layout-section ac:type="single"}}
	62	{{layout-cell}}
	63
	64	{{/layout-cell}}
	65	{{/layout-section}}
86.1	66
286.1	67	{{layout-section ac:type="single"}}
	68	{{layout-cell}}
	69	== Main menu ==
281.3	70
86.1	71
286.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}}
86.1	80
286.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
86.1	102	{{info}}
286.1	103	The keyboard shortcuts for the functions are the same as in other word processing programmes (e. g. CTRL + C for copy).
86.1	104	{{/info}}
286.1	105	{{/layout-cell}}
	106	{{/layout-section}}
86.1	107
286.1	108	{{layout-section ac:type="single"}}
	109	{{layout-cell}}
	110	=== ===
86.1	111
286.1	112	{{id name="einfügen"/}}InsertThe Insert menu item (% style="color:#333333" %)allows you to insert images, characters, anchors, and date/time.
281.3	113
286.1	114	(% class="wrapped" %)
86.1	115	\|=(((
286.1	116	Insert/edit image
86.1	117	)))\|(((
286.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.
86.1	119	)))
	120	\|=(% colspan="1" %)(% colspan="1" %)
	121	(((
286.1	122	Insert/edit video
86.1	123	)))\|(% colspan="1" %)(% colspan="1" %)
	124	(((
286.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.
86.1	126
286.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]].
86.1	128	)))
	129	\|=(((
286.1	130	Non-breaking spaces
86.1	131	)))\|(((
286.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.
86.1	133	)))
	134	\|=(((
286.1	135	Special characters
86.1	136	)))\|(((
286.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.
86.1	138	)))
	139	\|=(((
286.1	140	Anchors
86.1	141	)))\|(((
286.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.
86.1	143	)))
	144	\|=(((
286.1	145	Date/time
86.1	146	)))\|(((
286.1	147	You can select and insert the current date or time. This information is available in German and English.
86.1	148	)))
286.1	149	{{/layout-cell}}
	150	{{/layout-section}}
86.1	151
286.1	152	{{layout-section ac:type="single"}}
	153	{{layout-cell}}
	154
	155	{{/layout-cell}}
	156	{{/layout-section}}
281.3	157
286.1	158	{{layout-section ac:type="single"}}
	159	{{layout-cell}}
	160	=== ===
281.3	161
286.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.
86.1	163
286.1	164	You can highlight selected words or text sections with background colours by selecting one of the Messages from the list.
86.1	165
286.1	166	Individual functions such as those under Inline or Alignment can also be found as an icon below the main menu.
86.1	167
286.1	168	[[image:attach:Kursrun - Format - Überschriften_en.png\|\|data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
86.1	169
286.1	170	{{info title="Clear formatting"}}
	171	To clear your formatting, proceed as follows:
	172
	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.
86.1	177	{{/info}}
286.1	178	{{/layout-cell}}
	179	{{/layout-section}}
86.1	180
286.1	181	{{layout-section ac:type="single"}}
	182	{{layout-cell}}
	183
	184	{{/layout-cell}}
	185	{{/layout-section}}
281.3	186
286.1	187	{{layout-section ac:type="single"}}
	188	{{layout-cell}}
	189	=== ===
281.3	190
286.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.
86.1	192
286.1	193	(% class="wrapped" %)
	194	\|=(((
	195	Show blocks
	196	)))\|(((
	197	This function shows formatting symbols such as line breaks.
86.1	198	)))
286.1	199	\|=(((
	200	Show invisible characters
	201	)))\|(((
	202	This function shows formatting symbols within the text, e. g. non-breaking spaces.
86.1	203	)))
286.1	204	{{/layout-cell}}
	205	{{/layout-section}}
86.1	206
286.1	207	{{layout-section ac:type="single"}}
	208	{{layout-cell}}
	209
	210	{{/layout-cell}}
	211	{{/layout-section}}
86.1	212
286.1	213	{{layout-section ac:type="single"}}
	214	{{layout-cell}}
	215	=== ===
86.1	216
286.1	217	{{id name="tabelle"/}}Table
86.1	218
286.1	219	==== (% style="color:#333333" %)Insert table(%%) ====
285.1	220
286.1	221	{{expand title="Insert table ..."}}
	222	To insert a table, proceed as follows:
285.1	223
286.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}}
285.1	250
286.1	251	==== (% style="color:#333333" %)Table properties(%%) ====
285.1	252
	253
86.1	254
286.1	255	Open the Table menu item and click on Table properties. This function allows you to configure specific table settings.
86.1	256
286.1	257	(% class="wrapped" %)
86.1	258	\|=(((
286.1	259	Width/height
86.1	260	)))\|(((
286.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.
86.1	266	)))
	267	\|=(((
286.1	268	Cell spacing
86.1	269	)))\|(((
286.1	270	Cell spacing defines the border width around the individual cells and is specified in pixels.
86.1	271	)))
	272	\|=(((
286.1	273	Cell padding
86.1	274	)))\|(((
286.1	275	Cell padding indicates the space between the table's cells.
86.1	276	)))
	277	\|=(((
286.1	278	Border
86.1	279	)))\|(((
286.1	280	Here you can specify the border width in pixels. If you enter 0, there will be no border around your table.
86.1	281	)))
	282	\|=(((
286.1	283	Caption
86.1	284	)))\|(((
286.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.
86.1	286	)))
	287	\|=(((
286.1	288	Advanced
86.1	289	)))\|(((
286.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.
86.1	295	)))
	296
286.1	297	==== ====
86.1	298
286.1	299	==== ====
86.1	300
	301
286.1	302	==== (% style="color:#3e4444" %)Edit cells, rows, and columns(%%) ====
86.1	303
286.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
86.1	317	)))\|(((
286.1	318	Here you can set the width and height of a cell in pixels or percent.
86.1	319	)))
286.1	320	(% style="margin-left:30.0px" %)\|=(((
	321	Cell type
86.1	322	)))\|(((
286.1	323	The Header cell type formats your content as a header.
86.1	324	)))
286.1	325	(% style="margin-left:30.0px" %)\|=(((
	326	Scope
86.1	327	)))\|(((
	328	(% class="_mce_tagged_br" %)
286.1	329	* (% style="color:#333333" %)Row
	330	* (% style="color:#333333" %)Column
	331	* (% style="color:#333333" %)Row group
	332	* (% style="color:#333333" %)Column group
86.1	333	)))
286.1	334	(% style="margin-left:30.0px" %)\|=(((
	335	H align and V align
86.1	336	)))\|(((
286.1	337	You have the option to choose whether you want your content to be left-aligned, right-aligned or centered.
86.1	338	)))
286.1	339	(% style="margin-left:30.0px" %)\|=(((
	340	Advanced
86.1	341	)))\|(((
286.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.
86.1	347	)))
	348
286.1	349	To edit a row, you have the following options:
86.1	350
286.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:
86.1	359
286.1	360	(% class="wrapped" style="margin-left:30.0px" %)
	361	(% style="margin-left:30.0px" %)\|=(((
	362	Row type
86.1	363	)))\|(((
286.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.
86.1	367	)))
286.1	368	(% style="margin-left:30.0px" %)\|=(((
	369	H align and V align
86.1	370	)))\|(((
286.1	371	You have the option to choose whether you want your content to be left-aligned, right-aligned or centered.
86.1	372	)))
286.1	373	(% style="margin-left:30.0px" %)\|=(((
	374	Height
86.1	375	)))\|(((
286.1	376	Here you can set the height of a row in pixels or percent.
86.1	377	)))
286.1	378	(% style="margin-left:30.0px" %)\|=(% colspan="1" %)(% colspan="1" %)
86.1	379	(((
286.1	380	Advanced
86.1	381	)))\|(% colspan="1" %)(% colspan="1" %)
	382	(((
286.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.
86.1	388	)))
	389
286.1	390	To edit a column, you have the following options:
86.1	391
286.1	392	* Insert column before
	393	* Insert column after
	394	* Delete column
	395	{{/layout-cell}}
	396	{{/layout-section}}
86.1	397
286.1	398	{{layout-section ac:type="single"}}
	399	{{layout-cell}}
	400
	401	{{/layout-cell}}
	402	{{/layout-section}}
282.1	403
286.1	404	{{layout-section ac:type="single"}}
	405	{{layout-cell}}
	406	=== ===
86.1	407
286.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	(((
86.1	413	Option
286.1	414	)))\|=(% colspan="1" %)(% colspan="1" %)
	415	(((
	416	Description
86.1	417	)))
	418	\|(((
286.1	419	Source code
86.1	420	)))\|(((
286.1	421	Click on the Source code menu item to edit your content directly in the HTML file.
86.1	422	)))
	423	\|(((
286.1	424	Formula editor
86.1	425	)))\|(((
286.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.
86.1	428	)))
286.1	429	{{/layout-cell}}
	430	{{/layout-section}}
	431	{{/layout}}

Wiki source code of Symbole und Menüfunktionen

Search

OPALGlobal

OPALMenü

Recently Visited