Zum Inhalt springen

Wiki-Quellcode von Formeln einbinden

Version 100.1 von Carina Enke am 20.10.2023
Zeige letzte Bearbeiter
1 {{sv-translation language="de"}}
2 {{layout}}
3 {{layout-section ac:type="single"}}
4 {{layout-cell}}
5 \\
6 {{/layout-cell}}
7 {{/layout-section}}
8
9 {{layout-section ac:type="two_right_sidebar"}}
10 {{layout-cell}}
11 ONYX bietet die Möglichkeit zur Integration von Formeln. Formeln können durch den Autor in MathML- oder LaTeX-Schreibweise eingegeben werden. ONYX nutzt das etablierte [[MathJax>>url:http://www.mathjax.org/||shape="rect"]]-Framework zur optimalen Darstellung Ihrer Formeln in allen Browseransichten.
12
13 Wünschen Sie einen Formeleditor zur einfachen Zusammenstellung Ihrer Formeln mit automatischer Umwandlung in die Auszeichnungssprache LaTeX, stehen im Internet zahlreiche LaTeX-Formeleditoren zur Verfügung. Eine einfache Bedienung trotz umfangreicher Funktionalität bietet (% class="sv-pt-link confluence-link" %)[[MyScript Math>>url:https://webdemo.myscript.com/views/math/index.html||shape="rect" class="external-link"]](%%) oder die LaTeX-Formeleditoren von (% class="sv-pt-link confluence-link" %)[[Matheretter>>url:https://www.matheretter.de/rechner/latex||shape="rect" class="external-link"]](%%) und (% class="sv-pt-link confluence-link" %)[[Zahlenkern>>url:https://www.zahlen-kern.de/editor/||shape="rect" class="external-link"]](%%).
14
15 [[image:attach:Beispiel - Formel_de.png]]
16 {{/layout-cell}}
17
18 {{layout-cell}}
19 {{scroll-ignore}}
20 {{panel borderColor="#ddd" bgColor="#f0f0f0" borderStyle="solid" title="Inhalt"}}
21
22
23 {{toc/}}
24
25 **Verwandte Themen**(% class="sv-pt-link confluence-link" %)
26
27
28 * (% class="sv-pt-link confluence-link" %)[[LaTeX-Hilfe: LaTeX-Kompendium für Mathematiker>>url:https://de.wikibooks.org/wiki/LaTeX-Kompendium:_F%C3%BCr_Mathematiker||shape="rect"]]
29 * (% class="sv-pt-link confluence-link" %)[[MathML-Hilfe: Offizielle Spezifikation von MathML 3.0>>url:http://www.w3.org/TR/MathML3/||rel="nofollow" shape="rect" class="external text"]]
30 * (% class="sv-pt-link confluence-link" %)[[Formeldarstellung: MathJax>>doc:Testen in OPAL]]
31
32 (% class="sv-pt-link confluence-link" %)**Externe Formeleditoren**
33
34 * (% class="sv-pt-link confluence-link" %)[[MyScript Math>>url:https://webdemo.myscript.com/views/||shape="rect"]]
35 * (% class="sv-pt-link confluence-link" %)[[Matheretter LaTeX-Assisstent>>url:https://www.matheretter.de/rechner/latex||shape="rect"]]
36 * (% class="sv-pt-link confluence-link" %)[[Zahlenkern LaTeX-Formeleditor>>url:https://www.zahlen-kern.de/editor/||shape="rect"]]
37 {{/panel}}
38 {{/scroll-ignore}}
39 {{/layout-cell}}
40 {{/layout-section}}
41
42 {{layout-section ac:type="single"}}
43 {{layout-cell}}
44 == Formelerstellung mit LaTeX ==
45
46 Der ONYX Editor bietet für alle Autoreneingaben eine LaTeX-Unterstützung. Über den im ONYX Editor integrierten HTML-Editor können Formeln mithilfe der Auszeichnungssprache LaTeX in alle Aufgabenbereiche wie die Aufgabenstellung, Antwortalternativen oder Feedback eingefügt werden. Die Darstellung der Formeln erfolgt mit dem etablierten [[MathJax-Framework>>url:http://www.mathjax.org/||title="Weitere Informationen zu MathJax" shape="rect"]]. Ihre Formel wird dabei automatisch in eine professionell formatierte Formel konvertiert.
47 {{/layout-cell}}
48 {{/layout-section}}
49
50 {{layout-section ac:type="single"}}
51 {{layout-cell}}
52 \\
53 {{/layout-cell}}
54 {{/layout-section}}
55
56 {{layout-section ac:type="two_equal"}}
57 {{layout-cell}}
58 (% style="text-align: center;" %)
59 [[image:attach:Editor - Aufgabenstellung mit Formel_de.png]]//Abb.: LaTeX-Eingabe im ONYX Editor//
60 {{/layout-cell}}
61
62 {{layout-cell}}
63 (% style="text-align: center;" %)
64 [[image:attach:Testrun - Aufgabenstellung mit Formel_de.png]]//Abb.: Formeldarstellung in der Testdurchführung//
65 {{/layout-cell}}
66 {{/layout-section}}
67
68 {{layout-section ac:type="single"}}
69 {{layout-cell}}
70 \\
71 {{/layout-cell}}
72 {{/layout-section}}
73
74 {{layout-section ac:type="single"}}
75 {{layout-cell}}
76 Um Mathematische Formeln in LaTeX darzustellen, muss man lediglich die Formel in seinen Text integrieren. Eine Formel kann wie folgt in einen Text eingebettet werden:
77
78 * (((
79 \( Formel \)
80 )))
81 * \[ Formel \]
82 * $$ Formel $$
83
84 Die LaTeX-Syntax $Formel$ wird in ONYX nicht unterstützt.
85
86 {{info}}
87 Im Internet finden sich umfangreiche Materialien zur Formelerzeugung mit LaTeX. Ausführliche Beispiele finden sich u. a. im [[Wikibook: LaTeX-Kompendium für Mathematiker>>url:https://de.wikibooks.org/wiki/LaTeX-Kompendium:_F%C3%BCr_Mathematiker||shape="rect"]].
88 {{/info}}
89 {{/layout-cell}}
90 {{/layout-section}}
91
92 {{layout-section ac:type="single"}}
93 {{layout-cell}}
94 \\
95 {{/layout-cell}}
96 {{/layout-section}}
97
98 {{layout-section ac:type="single"}}
99 {{layout-cell}}
100 == Formelerstellung mit dem Formel-Dialog ==
101
102 Neben der Auszeichnungssprache LaTeX können mathematische Formeln und komplexe Ausdrücke auch mit der Mathematical Markup Language (MathML) eingefügt werden. Für eine einfache Eingabe steht für den im ONYX Editor integrierten HTML-Editor ein spezielles Formel-Plugin zur Verfügung.
103
104 === Eine Formel im Texteditor erstellen ===
105
106 (% class="wrapped" %)
107 |(% class="numberingColumn" %)(% class="numberingColumn" %)
108 (((
109 1
110 )))|(((
111 (% class="content-wrapper" %)
112 (((
113 Klicken Sie im Text-Editor auf die Option Formel [[image:attach:Onyx Icons und Buttons@Icon_Formeleditor.png]].
114 )))
115 )))|(% colspan="2" %)(% colspan="2" %)
116 (((
117 (% class="content-wrapper" %)
118 (((
119 [[image:attach:Editor - Formeldialog aufrufen_de.png]]
120 )))
121 )))
122 |(% class="numberingColumn" %)(% class="numberingColumn" %)
123 (((
124 2
125 )))|(((
126 (% class="content-wrapper" %)
127 (((
128 Geben Sie im Dialog Ihre Formel in das Textfeld in MathML- oder LaTeX-Notation ein. Unterhalb des Eingabefelds wird Ihnen eine Vorschau der angegebenen Formel angezeigt.
129 )))
130
131 Fügen Sie die Formel mit Klick auf den Button **Fertig** in den Testinhalt ein.
132 )))|(% colspan="2" %)(% colspan="2" %)
133 (((
134 (% class="content-wrapper" %)
135 (((
136 [[image:attach:Editor - Formeldialog_de.png]]
137 )))
138 )))
139 |(% class="numberingColumn" %)(% class="numberingColumn" %)
140 (((
141 3
142 )))|(((
143 (% class="content-wrapper" %)
144 (((
145 Im Textfeld wird die Formel anschließend in LaTeX-Notation angezeigt.
146
147 Diese Standardkonfiguration können Sie bei Bedarf in Ihren ONYX-Benutzereinstellungen ändern und eine Platzhalter-Grafik stellvertretend anzeigen lassen.
148 )))
149 )))|(% colspan="2" %)(% colspan="2" %)
150 (((
151 (% class="content-wrapper" %)
152 (((
153 [[image:attach:Editor - Formeldarstellung_de.png]]
154 )))
155 )))
156 |(% class="numberingColumn" colspan="1" %)(% class="numberingColumn" colspan="1" %)
157 (((
158 4
159 )))|(% colspan="1" %)(% colspan="1" %)
160 (((
161 In der Vorschau der Aufgabe und später in der Nutzeransicht wird die Formel analog zur Formelvorschau angezeigt.
162 )))|(% colspan="2" %)(% colspan="2" %)
163 (((
164 (% class="content-wrapper" %)
165 (((
166 [[image:attach:Player - Anzeige einer Formel_de.png]]
167 )))
168 )))
169
170 {{info}}
171 Im Internet finden sich umfangreiche Materialien zur Formelerzeugung mit MathML. Eine ausführliche Beschreibung bietet die [[Offizielle Spezifikation von MathML 3.0>>url:http://www.w3.org/TR/MathML3/||rel="nofollow" shape="rect" class="external text"]] (in Englisch).
172 {{/info}}
173 {{/layout-cell}}
174 {{/layout-section}}
175
176 {{layout-section ac:type="single"}}
177 {{layout-cell}}
178 \\
179 {{/layout-cell}}
180 {{/layout-section}}
181
182 {{layout-section ac:type="single"}}
183 {{layout-cell}}{{/layout-cell}}
184 {{/layout-section}}
185
186 {{layout-section ac:type="single"}}
187 {{layout-cell}}
188 \\
189 {{/layout-cell}}
190 {{/layout-section}}
191
192 {{layout-section ac:type="single"}}
193 {{layout-cell}}
194 == Formelerstellung mit einem Formeleditor ==
195
196 Im Internet finden Sie zahlreiche LaTeX-Formeleditoren, welche eine Unterstützung zur Erstellung von LaTeX-Formeln bieten.
197
198 Eine einfache Bedienung bietet die Webseite [[MyScript>>url:https://webdemo.myscript.com/||shape="rect"]]. Schreiben Sie die gewünschte Formel mittels Maus oder Eingabestift in die Freifläche. Der Formeleditor übersetzt die dargestellte Formel in LaTeX-Schreibweise und zeigt, wenn zur Formel passend, auch einen Graph der erstellten Funktion an.
199
200 [[image:attach:MyScript_de.png]]
201
202 (% style="text-align: center;" %)
203 //Abb.: Formel-Eingabe mit MyScript
204 //
205
206 Im oberen rechten Seitenbereich wird die LaTeX-Notation zur eingegebenen Formel angezeigt. Diese können Sie markieren, kopieren und anschließend in die ONYX-HTML-Eingabefelder einfügen.
207
208 \\
209
210 Mit dem Editor von (% class="sv-pt-link confluence-link" %)[[Matheretter LaTeX-Assisstent>>url:https://www.matheretter.de/rechner/latex||shape="rect"]] oder dem [[Zahlenkern LaTeX-Formeleditor>>url:https://www.zahlen-kern.de/editor/||shape="rect"]] (%%)können Sie Formeln durch vorgefertigte, grafische Formelsymbole zusammenstellen und diese anpassen. Die Formeleditoren übersetzen die dargestellte Formel ebenfalls in LaTeX-Schreibweise, die anschließend in die ONYX-HTML-Eingabefelder eingefügt werden kann.
211 {{/layout-cell}}
212 {{/layout-section}}
213
214 {{layout-section ac:type="single"}}
215 {{layout-cell}}
216 \\
217 {{/layout-cell}}
218 {{/layout-section}}
219
220 {{layout-section ac:type="two_equal"}}
221 {{layout-cell}}
222 (% style="text-align: center;" %)
223 [[image:attach:Matheretter_de.png]]//Abb.: Formel-Eingabe im Matheretter LaTeX-Assisstent//
224 {{/layout-cell}}
225
226 {{layout-cell}}
227 (% style="text-align: center;" %)
228 [[image:attach:LaTeX-Formeleditor_de.png]]//Abb.: Formel-Eingabe im Zahlenkern LaTeX-Formeleditor//
229 {{/layout-cell}}
230 {{/layout-section}}
231
232 {{layout-section ac:type="single"}}
233 {{layout-cell}}
234 \\
235 {{/layout-cell}}
236 {{/layout-section}}
237
238 {{layout-section ac:type="single"}}
239 {{layout-cell}}
240 == Formelbeispiele ==
241
242 ONYX verwendet das Framework MathJax zur Formeldarstellung. Auf den Demo-Seiten von [[MathJax>>url:http://www.mathjax.org/||shape="rect"]] finden Sie verschiedene [[Beispiele zur Formeleingabe>>url:http://www.mathjax.org/demos/||title="Zur MathJax Demo-Seite" shape="rect"]].
243 {{/layout-cell}}
244 {{/layout-section}}
245
246 {{layout-section ac:type="single"}}
247 {{layout-cell}}
248 [[image:attach:Beispiel - Formel in einer Zeile_de.png]]
249
250 (% style="text-align: center;" %)
251 //Abb.: Beispiel für die Formeldarstellung innerhalb einer Zeile//
252
253 [[image:attach:Beispiel - Formel in eigener Zeile_de.png]]
254
255 (% style="text-align: center;" %)
256 //Abb.: Beispiel für die zentrierte Formeldarstellung in einer separaten Zeile//
257 {{/layout-cell}}
258 {{/layout-section}}
259 {{/layout}}
260 {{/sv-translation}}
261
262 {{sv-translation language="en"}}
263 {{layout}}
264 {{layout-section ac:type="two_right_sidebar"}}
265 {{layout-cell}}
266 ONYX offers authors the possibility to integrate formulas in MathML or LaTeX notation. ONYX uses the established [[MathJax>>url:http://www.mathjax.org/||shape="rect"]] framework for optimal presentation of your formulas in all browser views.
267
268 For an easy creation and automatic conversion of your formulas into the LaTeX markup language, several LaTeX formula editors can be downloaded from the internet. For example, [[MyScript Math>>url:https://webdemo.myscript.com/views/math/index.html||shape="rect"]] or the Latex formula editors by [[Matheretter >>url:https://www.matheretter.de/rechner/latex||shape="rect"]]and [[Zahlenkern>>url:https://www.zahlen-kern.de/editor/||shape="rect"]] offer extensive functionality and simple operation at the same time.
269
270 [[image:attach:Beispiel - Formel_de.png]]
271 {{/layout-cell}}
272
273 {{layout-cell}}
274 {{scroll-ignore}}
275 {{panel title="Content"}}
276
277
278 {{toc/}}
279
280 **Related topics**
281
282 * [[LaTeX help: LaTeX compendium for mathematicians>>url:https://de.wikibooks.org/wiki/LaTeX-Kompendium:_F%C3%BCr_Mathematiker||shape="rect"]]
283 * [[MathML help: Official MathML 3.0 specification>>url:https://www.w3.org/TR/MathML3/||shape="rect"]]
284 * [[Formula presentation: MathJax>>url:https://www.bps-system.de/help/display/ONYXintern/Testen+in+OPAL||shape="rect"]]
285
286 **External formula editors**
287
288 * [[MyScript Math>>url:https://webdemo.myscript.com/||shape="rect"]]
289 * [[Matheretter Latex assistant>>url:https://www.matheretter.de/rechner/latex||shape="rect"]]
290 * [[Zahlenkern Latex formula editor>>url:https://www.zahlen-kern.de/editor/||shape="rect"]]
291 {{/panel}}
292 {{/scroll-ignore}}
293 {{/layout-cell}}
294 {{/layout-section}}
295
296 {{layout-section ac:type="single"}}
297 {{layout-cell}}
298 == Creating formulas with LaTeX ==
299
300 The ONYX Editor provides LaTeX support for all author inputs. Via the HTML editor, which is part of the ONYX Editor, you can integrate formulas into all question areas such as the question text, alternative answer options, or feedback, using the LaTeX markup language. The formula display is done with the established [[MathJax Framework>>url:http://www.mathjax.org/||shape="rect"]], and your formula is automatically converted to a professionally formatted formula.
301 {{/layout-cell}}
302 {{/layout-section}}
303
304 {{layout-section ac:type="single"}}
305 {{layout-cell}}
306 \\
307 {{/layout-cell}}
308 {{/layout-section}}
309
310 {{layout-section ac:type="single"}}
311 {{layout-cell}}
312 (% class="wrapped" %)
313 |(((
314 (% class="content-wrapper" %)
315 (((
316 [[image:attach:Editor - Aufgabenstellung mit Formel_de.png]]
317
318 (% style="text-align: center;" %)
319 //Fig.: LaTeX input in the ONYX Editor//
320 )))
321 )))|(((
322 (% class="content-wrapper" %)
323 (((
324 [[image:attach:Testrun - Aufgabenstellung mit Formel_de.png]]
325
326 (% style="text-align: center;" %)
327 //Fig.: Formula display in a test situation//
328 )))
329 )))
330 {{/layout-cell}}
331 {{/layout-section}}
332
333 {{layout-section ac:type="single"}}
334 {{layout-cell}}
335 \\
336 {{/layout-cell}}
337 {{/layout-section}}
338
339 {{layout-section ac:type="single"}}
340 {{layout-cell}}
341 In order to display mathematical formulas in LaTeX, you just need to integrate the formula into your text. This can be done as follows:
342
343 * \( Formula \)
344 * \[ Formula \]
345 * $$ Formula $$
346
347 The $Formula$ LaTeX syntax is not supported in ONYX.
348
349 {{info}}
350 You can find extensive material on how to generate formulas with LaTeX on the internet. For example, detailed examples are provided in the [[Wikibook: LaTeX compendium for mathematicians>>url:https://de.wikibooks.org/wiki/LaTeX-Kompendium:_F%C3%BCr_Mathematiker||shape="rect"]] (in German).
351 {{/info}}
352 {{/layout-cell}}
353 {{/layout-section}}
354
355 {{layout-section ac:type="single"}}
356 {{layout-cell}}
357 \\
358 {{/layout-cell}}
359 {{/layout-section}}
360
361 {{layout-section ac:type="single"}}
362 {{layout-cell}}
363 == Creating formulas with the formula dialogue ==
364
365 Apart from the markup language LaTeX, mathematical formulas and complex expressions can also be integrated using the Mathematical Markup Language (MathML). For easy input, a special formula plugin is also available for the ONYX Editor's integrated HTML editor.
366
367 === Create a formula in the text editor ===
368
369 (% class="wrapped" %)
370 |(% class="numberingColumn" %)(% class="numberingColumn" %)
371 (((
372 1
373 )))|(((
374 (% class="content-wrapper" %)
375 (((
376 Select the formula option [[image:attach:Icon_Formeleditor.png]]in the text editor.
377 )))
378 )))|(((
379 (% class="content-wrapper" %)
380 (((
381 [[image:attach:Editor - Formeldialog aufrufen_de.png]]
382 )))
383 )))
384 |(% class="numberingColumn" %)(% class="numberingColumn" %)
385 (((
386 2
387 )))|(% colspan="1" %)(% colspan="1" %)
388 (((
389 In the dialogue, enter your formula in the text field in MathML or LaTeX notation. Below the input field, you will be given a preview of the formula.
390
391 Click on **Finish **to insert the formula into the test content.
392 )))|(% colspan="1" %)(% colspan="1" %)
393 (((
394 (% class="content-wrapper" %)
395 (((
396 [[image:attach:Editor - Formeldialog_de.png]]
397 )))
398 )))
399 |(% class="numberingColumn" %)(% class="numberingColumn" %)
400 (((
401 3
402 )))|(((
403 The formula is then displayed in LaTeX notation in the text field.
404
405 If necessary, you can change this default configuration in your ONYX user settings and display a placeholder image instead.
406 )))|(((
407 (% class="content-wrapper" %)
408 (((
409 [[image:attach:Editor - Formeldarstellung_de.png]]
410 )))
411 )))
412 |(% class="numberingColumn" colspan="1" %)(% class="numberingColumn" colspan="1" %)
413 (((
414 4
415 )))|(% colspan="1" %)(% colspan="1" %)
416 (((
417 In the question preview and later in the user view, the formula is displayed the same way as in the formula preview.
418 )))|(% colspan="1" %)(% colspan="1" %)
419 (((
420 (% class="content-wrapper" %)
421 (((
422 [[image:attach:Player - Anzeige einer Formel_de.png]]
423 )))
424 )))
425
426 {{info}}
427 You can find extensive material on how to generate formulas with MathML on the internet. For example, a detailed description is provided in the [[Official MathML 3.0 Specification>>url:https://www.w3.org/TR/MathML3/||shape="rect"]].
428 {{/info}}
429 {{/layout-cell}}
430 {{/layout-section}}
431
432 {{layout-section ac:type="single"}}
433 {{layout-cell}}
434 \\
435 {{/layout-cell}}
436 {{/layout-section}}
437
438 {{layout-section ac:type="single"}}
439 {{layout-cell}}{{/layout-cell}}
440 {{/layout-section}}
441
442 {{layout-section ac:type="single"}}
443 {{layout-cell}}
444 \\
445 {{/layout-cell}}
446 {{/layout-section}}
447
448 {{layout-section ac:type="single"}}
449 {{layout-cell}}
450 == Creating formulas with a formula editor ==
451
452 You can find numerous LaTeX formula editors on the internet to assist you in creating LaTeX formulas.
453
454 For example, the [[MyScript >>url:https://webdemo.myscript.com/||shape="rect"]]website offers simple operation. Just write the desired formula in the free area using your mouse or stylus. The formula editor then translates the displayed formula into LaTeX notation and, if appropriate to the formula, also shows a graph of the created function.
455
456 (% style="text-align: center;" %)
457 [[image:attach:MyScript_de.png]]//Fig.: Formula input with MyScript//
458
459 The LaTeX notation for the entered formula is displayed in the top right page area. You can mark it, copy it and then paste it into the ONYX HTML input fields.
460
461 \\
462
463 With the editor of the [[Matheretter LaTeX assistant>>url:https://www.matheretter.de/rechner/latex||shape="rect"]] or the [[Zahlenkern LaTeX formula editor>>url:https://www.zahlen-kern.de/editor/||shape="rect"]], you can create formulas using ready-made, graphic formula symbols and adapt them. The formula editors also translate the displayed formula into LaTeX notation, which can then be inserted into the ONYX HTML input fields.
464 {{/layout-cell}}
465 {{/layout-section}}
466
467 {{layout-section ac:type="single"}}
468 {{layout-cell}}
469 \\
470 {{/layout-cell}}
471 {{/layout-section}}
472
473 {{layout-section ac:type="two_equal"}}
474 {{layout-cell}}
475 [[image:attach:Matheretter_de.png]]
476
477 (% style="text-align: center;" %)
478 //Fig.: Formula input in the Matheretter LaTeX assistant//
479 {{/layout-cell}}
480
481 {{layout-cell}}
482 [[image:attach:LaTeX-Formeleditor_de.png]]
483
484 (% style="text-align: center;" %)
485 //Fig.: Formula input in the Zahlenkern LaTeX formula editor//
486 {{/layout-cell}}
487 {{/layout-section}}
488
489 {{layout-section ac:type="single"}}
490 {{layout-cell}}
491 \\
492 {{/layout-cell}}
493 {{/layout-section}}
494
495 {{layout-section ac:type="single"}}
496 {{layout-cell}}
497 == Formula examples ==
498
499 ONYX uses the MathJax framework to display formulas. On the [[MathJax>>url:https://www.mathjax.org/||shape="rect"]] demo pages, you can find several [[examples on how to insert formulas>>url:https://www.mathjax.org/||shape="rect"]].
500 {{/layout-cell}}
501 {{/layout-section}}
502
503 {{layout-section ac:type="single"}}
504 {{layout-cell}}
505 [[image:attach:Beispiel - Formel in einer Zeile_de.png]]//Fig.: Example of an inline formula//
506
507 (% style="text-align: center;" %)
508 [[image:attach:Beispiel - Formel in eigener Zeile_de.png]]
509
510 (% style="text-align: center;" %)
511 //Fig.: Example of a formula centred on a separate line//
512 {{/layout-cell}}
513 {{/layout-section}}
514 {{/layout}}
515 {{/sv-translation}}