Zum Inhalt springen

Wiki-Quellcode von Formeln einbinden

Version 142.1 von Carina Enke am 14.07.2021
Zeige letzte Bearbeiter
1 {{sv-translation language="de"}}
2 {{layout}}
3 {{layout-section ac:type="single"}}
4 {{layout-cell}}
5 \\
6
7
8
9 {{/layout-cell}}
10 {{/layout-section}}
11
12 {{layout-section ac:type="two_right_sidebar"}}
13 {{layout-cell}}
14 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.
15
16 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"]](%%).
17
18 [[image:attach:Beispiel - Formel_de.png]]
19 {{/layout-cell}}
20
21 {{layout-cell}}
22 (% class="auto-cursor-target" %)
23 \\
24
25 {{scroll-ignore}}
26 (% class="auto-cursor-target" %)
27 \\
28
29 {{panel borderColor="#ddd" bgColor="#f0f0f0" borderStyle="solid" title="Inhalt"}}
30
31
32 {{toc/}}
33
34 **Verwandte Themen**(% class="sv-pt-link confluence-link" %)
35
36
37 * (% 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"]]
38 * (% 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"]]
39 * (% class="sv-pt-link confluence-link" %)[[Formeldarstellung: MathJax>>doc:Testen in OPAL]]
40
41 (% class="sv-pt-link confluence-link" %)**Externe Formeleditoren**
42
43 * (% class="sv-pt-link confluence-link" %)[[MyScript Math>>url:https://webdemo.myscript.com/views/||shape="rect"]]
44 * (% class="sv-pt-link confluence-link" %)[[Matheretter LaTeX-Assisstent>>url:https://www.matheretter.de/rechner/latex||shape="rect"]]
45 * (% class="sv-pt-link confluence-link" %)[[Zahlenkern LaTeX-Formeleditor>>url:https://www.zahlen-kern.de/editor/||shape="rect"]]
46 {{/panel}}
47
48 (% class="auto-cursor-target" %)
49 \\
50 {{/scroll-ignore}}
51
52 (% class="auto-cursor-target" %)
53 \\
54 {{/layout-cell}}
55 {{/layout-section}}
56
57 {{layout-section ac:type="single"}}
58 {{layout-cell}}
59 == Formelerstellung mit LaTeX ==
60
61 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: der Aufgabenstellung, den Antwortalternativen oder im 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.
62
63 \\
64 {{/layout-cell}}
65 {{/layout-section}}
66
67 {{layout-section ac:type="two_equal"}}
68 {{layout-cell}}
69 (% style="text-align: center;" %)
70 [[image:attach:Editor - Aufgabenstellung mit Formel_de.png]]//Abb.: LaTeX-Eingabe im ONYX Editor//
71 {{/layout-cell}}
72
73 {{layout-cell}}
74 (% style="text-align: center;" %)
75 [[image:attach:Testrun - Aufgabenstellung mit Formel_de.png]]//Abb.: Formeldarstellung in der Testdurchführung//
76
77 \\
78 {{/layout-cell}}
79 {{/layout-section}}
80
81 {{layout-section ac:type="single"}}
82 {{layout-cell}}
83 Um Mathematische Formeln in LaTeX darzustellen, muss man lediglich die Formel in seinen Text integrieren. Eine Formel kann wie folgt in den Text integriert werden:
84
85 * (((
86 \( Formel \)
87 )))
88 * \[ Formel \]
89 * $$ Formel $$
90
91 Die LaTeX-Syntax $Formel$ wird in ONYX nicht unterstützt.
92
93 {{info}}
94 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"]].
95 {{/info}}
96
97 (% class="auto-cursor-target" %)
98 \\
99 {{/layout-cell}}
100 {{/layout-section}}
101
102 {{layout-section ac:type="single"}}
103 {{layout-cell}}
104 == Formelerstellung mit dem Formel-Dialog ==
105
106 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.
107
108 === Eine Formel im Texteditor erstellen ===
109
110 (% class="wrapped" %)
111 |(% class="numberingColumn" %)(% class="numberingColumn" %)
112 (((
113 1
114 )))|(((
115 (% class="content-wrapper" %)
116 (((
117 Klicken Sie im Text-Editor auf die Option Formel [[image:attach:Onyx Icons und Buttons@Icon_Formeleditor.png]].
118 )))
119 )))|(% colspan="2" %)(% colspan="2" %)
120 (((
121 (% class="content-wrapper" %)
122 (((
123 [[image:attach:Editor - Formeldialog aufrufen_de.png]]
124 )))
125 )))
126 |(% class="numberingColumn" %)(% class="numberingColumn" %)
127 (((
128 2
129 )))|(((
130 (% class="content-wrapper" %)
131 (((
132 Geben Sie im Dialog Ihre Formel in das Textfeld in MathML- oder LaTeX-Notation ein.
133
134 Unterhalb des Eingabefeldes wird Ihnen eine Formelvorschau der angegebenen Formel angezeigt.
135
136 Für LaTeX-Eingaben können Sie per Radiobutton wählen, ob die Formel in LaTeX-Notation oder als Platzhalter in den Text-Editor eingefügt werden soll.
137 )))
138 )))|(% colspan="2" %)(% colspan="2" %)
139 (((
140 (% class="content-wrapper" %)
141 (((
142 [[image:attach:Editor - Formeldialog_de.png]]
143 )))
144 )))
145 |(% class="numberingColumn" %)(% class="numberingColumn" %)
146 (((
147 3
148 )))|(((
149 (% class="content-wrapper" %)
150 (((
151 Fügen Sie die Formel mit Klick auf den Button //**Fertig** //in den Testinhalt ein.
152 )))
153 )))|(% colspan="2" %)(% colspan="2" %)
154 (((
155 (% class="content-wrapper" %)
156 (((
157 [[image:attach:Editor - Formeldarstellung_de.png]]
158 )))
159 )))
160
161
162 \\
163 {{/layout-cell}}
164 {{/layout-section}}
165
166 {{layout-section ac:type="single"}}
167 {{layout-cell}}
168 === Bearbeiten einer bestehenden Formel ===
169
170 Möchten Sie bestehende Formel-Inhalte mit dem Formel-Plugin bearbeiten, gehen Sie wie folgt vor:
171
172 (% class="wrapped" %)
173 |(((
174 1
175 )))|(((
176 (% class="content-wrapper" %)
177 (((
178 Klicken Sie auf den Formel-Platzhalter [[image:attach:Icon_Formel.png]] oder markieren Sie die gesamte Formel in LaTeX-Notation.
179 )))
180 )))|(% rowspan="2" %)(% rowspan="2" %)
181 (((
182 (% class="content-wrapper" %)
183 (((
184 [[image:attach:Editor - Formel bearbeiten_de.png]]
185 )))
186 )))
187 |(((
188 2
189 )))|(((
190 (% class="content-wrapper" %)
191 (((
192 Klicken Sie im Text-Editor auf die Option Formel [[image:attach:Icon_Formeleditor.png]].
193 )))
194 )))
195 |(((
196 3
197 )))|(((
198 Die Formel öffnet sich im Formel-Dialog und Sie können die Formel im Textfeld bearbeiten.
199 )))|(% rowspan="2" %)(% rowspan="2" %)
200 (((
201 (% class="content-wrapper" %)
202 (((
203 [[image:attach:Editor - Dialog Formel eingeben_de.png]]
204 )))
205 )))
206 |(((
207 4
208 )))|(% colspan="1" %)(% colspan="1" %)
209 (((
210 Bestätigen Sie Ihre Änderung mit Klick auf den Button //**Fertig**// am Ende des Dialogs.
211 )))
212
213 (% class="auto-cursor-target" %)
214 \\
215
216 {{info}}
217 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"]] (englisch).
218 {{/info}}
219
220 (% class="auto-cursor-target" %)
221 \\
222 {{/layout-cell}}
223 {{/layout-section}}
224
225 {{layout-section ac:type="single"}}
226 {{layout-cell}}
227 == Formelerstellung mit einem Formeleditor ==
228
229 Im Internet finden Sie zahlreiche LaTeX-Formeleditoren, welche eine Unterstützung zur Erstellung von LaTeX-Formeln bieten.
230
231 Eine einfache Bedienung bietet der Editor von [[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.
232
233 [[image:attach:MyScript_de.png]]
234
235 (% style="text-align: center;" %)
236 //Abb.: Formel-Eingabe bei MyScript//
237
238 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.
239
240 \\
241
242 Mit den Editoren von (% class="sv-pt-link confluence-link" %)[[Matheretter LaTeX-Assisstent>>url:https://www.matheretter.de/rechner/latex||shape="rect"]] oder der [[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 übersetzt die dargestellte Formel ebenfalls in LaTeX-Schreibweise, die anschließend in die ONYX HTML-Eingabefelder eingefügt werden kann.
243 {{/layout-cell}}
244 {{/layout-section}}
245
246 {{layout-section ac:type="two_equal"}}
247 {{layout-cell}}
248 (% style="text-align: center;" %)
249 [[image:attach:Matheretter_de.png]]//Abb.: Formel-Eingabe im Matheretter LaTeX-Assisstent//
250 {{/layout-cell}}
251
252 {{layout-cell}}
253 (% style="text-align: center;" %)
254 [[image:attach:LaTeX-Formeleditor_de.png]]//Abb.: Formel-Eingabe im Zahlenkern LaTeX-Formeleditor//
255 {{/layout-cell}}
256 {{/layout-section}}
257
258 {{layout-section ac:type="single"}}
259 {{layout-cell}}
260 == Formelbeispiele ==
261
262 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"]].
263 {{/layout-cell}}
264 {{/layout-section}}
265
266 {{layout-section ac:type="single"}}
267 {{layout-cell}}
268 [[image:attach:Beispiel - Formel in einer Zeile_de.png]]
269
270 (% style="text-align: center;" %)
271 //Abb.: Beispiel für die Formeldarstellung innerhalb einer Zeile//
272
273 [[image:attach:Beispiel - Formel in eigener Zeile_de.png]]
274
275 (% style="text-align: center;" %)
276 //Abb.: Beispiel für die zentrierte Formeldarstellung in einer separaten Zeile//
277
278 \\
279
280 //
281 //
282
283 \\
284 {{/layout-cell}}
285 {{/layout-section}}
286 {{/layout}}
287 {{/sv-translation}}
288
289 {{sv-translation language="en"}}
290 {{layout}}
291 {{layout-section ac:type="two_right_sidebar"}}
292 {{layout-cell}}
293 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.
294
295 For an easy compilation and automatic conversion of your formulas into the LaTeX markup language, several LaTeX formula editors can be downloaded from the internet. The [[Daum Equation Editor>>url:http://s1.daumcdn.net/editor/fp/service_nc/pencil/Pencil_chromestore.html||shape="rect"]] or [[MyScript>>url:https://webdemo.myscript.com/||shape="rect"]], for example, stand out due to their simplicity and extensive functionality.
296
297 [[image:attach:Beispiel - Formel_de.png]]
298 {{/layout-cell}}
299
300 {{layout-cell}}
301 {{scroll-ignore}}
302 {{panel title="Content"}}
303
304
305 {{toc/}}
306
307 **Related topics**
308
309 * [[LaTeX help: LaTeX compendium for mathematicians>>url:https://de.wikibooks.org/wiki/LaTeX-Kompendium:_F%C3%BCr_Mathematiker||shape="rect"]]
310 * [[MathML help: Official specification of MathML 3.0>>url:https://www.w3.org/TR/MathML3/||shape="rect"]]
311 * [[Formula presentation: MathJax>>url:https://www.bps-system.de/help/display/ONYXintern/Testen+in+OPAL||shape="rect"]]
312 * [[Formula editor: Daum Equation Editor>>url:http://s1.daumcdn.net/editor/fp/service_nc/pencil/Pencil_chromestore.html||shape="rect"]]
313 * [[Formula editor: MyScript>>url:https://webdemo.myscript.com/||shape="rect"]]
314 {{/panel}}
315 {{/scroll-ignore}}
316 {{/layout-cell}}
317 {{/layout-section}}
318
319 {{layout-section ac:type="single"}}
320 {{layout-cell}}
321 == Formula creation with LaTeX ==
322
323 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 task areas, i. e. task texts, alternative answers, or feedback, using the LaTeX markup language. The formulas will be displayed with the established [[MathJax Framework>>url:http://www.mathjax.org/||shape="rect"]]. Your formula will also be automatically converted to a professionally formatted formula.
324
325 \\
326
327 (% class="wrapped" %)
328 |(((
329 (% class="content-wrapper" %)
330 (((
331 [[image:attach:Editor - Aufgabenstellung mit Formel_de.png]]
332
333 (% style="text-align: center;" %)
334 //Fig.: LaTeX input in the ONYX Editor//
335 )))
336 )))|(((
337 (% class="content-wrapper" %)
338 (((
339 [[image:attach:Testrun - Aufgabenstellung mit Formel_de.png]]
340
341 (% style="text-align: center;" %)
342 //Fig.: Formula presentation in a test situation//
343 )))
344 )))
345
346 In order to present mathematical formulas in LaTeX, you need to integrate the formula into your text. This can be done as follows:
347
348 * \( Formula \)
349 * \[ Formula \]
350 * $$ Formula $$
351
352 The LaTeX syntax $formula$ is not supported in ONYX.
353
354 {{info}}
355 On the internet, you will find extensive material for generating formulas with LaTeX. More detailed examples can, for example, be found in the [[Wikibook: LaTeX-Kompendium für Mathematiker>>url:https://de.wikibooks.org/wiki/LaTeX-Kompendium:_F%C3%BCr_Mathematiker||shape="rect"]] (German).
356 {{/info}}
357
358 (% style="margin-right: 3.05pt;" %)
359 == Formula creation with the formula dialogue ==
360
361 Apart from the markup language LaTeX, mathematical formulas and complex expressions can also be integrated using the Mathematical Markup Language (MathML). For simple input, a special formula plugin is available for the HTML Editor integrated into the ONYX Editor.
362
363 === Creating a formula in the text editor ===
364
365 (% class="wrapped" %)
366 |(% class="numberingColumn" %)(% class="numberingColumn" %)
367 (((
368 1
369 )))|(((
370 (% class="content-wrapper" %)
371 (((
372 Select the formula icon [[image:attach:Icon_Formeleditor.png]] form the text editor.
373 )))
374 )))|(((
375 (% class="content-wrapper" %)
376 (((
377 [[image:attach:Editor - Formeldialog aufrufen_de.png]]
378 )))
379 )))
380 |(% class="numberingColumn" %)(% class="numberingColumn" %)
381 (((
382 2
383 )))|(((
384 In the dialogue, enter your formula into the text field in MathML or LaTeX notation.
385
386 Below the input field, you will be given a preview of the formula.
387
388 For LaTeX input, you can choose (by radio button) whether the formula should be inserted into the text editor in LaTeX notation or as a placeholder.
389 )))|(((
390 (% class="content-wrapper" %)
391 (((
392 [[image:attach:Editor - Formeldialog_de.png]]
393 )))
394 )))
395 |(% class="numberingColumn" %)(% class="numberingColumn" %)
396 (((
397 3
398 )))|(((
399 Add the formula to the test content by clicking on "Finish".
400 )))|(((
401 (% class="content-wrapper" %)
402 (((
403 [[image:attach:Editor - Formeldarstellung_de.png]]
404 )))
405 )))
406
407 \\
408
409 === Editing an existing formula ===
410
411 (% style="letter-spacing: 0.0px;" %)To edit existing formula content using the formula plugin, proceed as follows:
412
413 (% class="wrapped" %)
414 |(% class="numberingColumn" %)(% class="numberingColumn" %)
415 (((
416 1
417 )))|(((
418 (% class="content-wrapper" %)
419 (((
420 Click on the formula placeholder [[image:attach:Icon_Formel.png]]or mark the entire formula in LaTeX notation.
421 )))
422 )))|(% rowspan="2" %)(% rowspan="2" %)
423 (((
424 (% class="content-wrapper" %)
425 (((
426 [[image:attach:Editor - Formel bearbeiten_de.png]]
427 )))
428 )))
429 |(% class="numberingColumn" %)(% class="numberingColumn" %)
430 (((
431 2
432 )))|(((
433 (% class="content-wrapper" %)
434 (((
435 Select the formula icon  [[image:attach:Icon_Formeleditor.png]] from the text editor.
436 )))
437 )))
438 |(% class="numberingColumn" %)(% class="numberingColumn" %)
439 (((
440 3
441 )))|(((
442 The formula will open in the formula dialogue, allowing you to edit the formula in the text field.
443 )))|(% rowspan="2" %)(% rowspan="2" %)
444 (((
445 (% class="content-wrapper" %)
446 (((
447 [[image:attach:Editor - Dialog Formel eingeben_de.png]]
448 )))
449 )))
450 |(% class="numberingColumn" %)(% class="numberingColumn" %)
451 (((
452 4
453 )))|(((
454 Confirm your changes with a click on "Finished" at the end of the dialogue.
455 )))
456
457 \\
458
459 {{info}}
460 On the internet, you will find extensive material for generating formulas with MathML. A detailed description is provided by the [[Official specification of MathML 3.0>>url:https://www.w3.org/TR/MathML3/||shape="rect"]].
461 {{/info}}
462
463 == Formula creation with a formula editor ==
464
465 On the Internet, you can find numerous LaTeX formula editors which provide support for the creation of LaTeX formulas. The [[Daum Equation Editor>>url:http://s1.daumcdn.net/editor/fp/service_nc/pencil/Pencil_chromestore.html||shape="rect"]], for example, stands out due to its simplicity and extensive functionality. It comes as a web application, which is also available as a browser plugin for Google Chrome. Alternatively, [[MyScript >>url:https://webdemo.myscript.com/||shape="rect"]]can also be used.
466
467 [[image:attach:Daum Formeleditor_de.png]]
468
469 The operation of the Daum Equation Editor is similar to the formula editors of text programmes. Mathematical formulas can be compiled and adapted thanks to ready-to-use, graphical formula symbols. The formula editor translates the displayed formula into LaTeX notation, which can then be selected, copied and pasted to the ONYX HTML input fields.
470
471 == Formula examples ==
472
473 ONYX uses the MathJax framework to display formulas. On the demo pages of MathJax, you will find several [[examples on how to insert formulas>>url:https://www.mathjax.org/||shape="rect"]].
474
475 (% style="text-align: center;" %)
476 [[image:attach:Beispiel - Formel in einer Zeile_de.png]]
477
478 (% style="text-align: center;" %)
479 //Fig.: Example of an inlined formula//
480
481 (% style="text-align: center;" %)
482 [[image:attach:Beispiel - Formel in eigener Zeile_de.png]]
483
484 (% style="text-align: center;" %)
485 //Fig.: Example of a formula centred on a separate line//
486 {{/layout-cell}}
487 {{/layout-section}}
488 {{/layout}}
489 {{/sv-translation}}