Zum Inhalt springen

Wiki-Quellcode von Formeln einbinden

Version 176.1 von Carina Enke am 19.05.2020
Zeige letzte Bearbeiter
1 {{sv-translation language="de"}}
2 {{layout}}
3 {{layout-section ac:type="single"}}
4 {{layout-cell}}
5 \\
6
7 {{details}}(% class="wrapped" %)
8 |=(((
9 Verantwortlicher
10 )))|(((
11 \\
12 )))
13 |=(% colspan="1" %)(% colspan="1" %)
14 (((
15 Status
16 )))|(% class="highlight-yellow" colspan="1" data-highlight-colour="yellow" %)(% class="highlight-yellow" colspan="1" data-highlight-colour="yellow" %)
17 (((
18 (% class="content-wrapper" %)
19 (((
20 {{sv-metadata type="workflow-status"/}}
21
22 {{status colour="Green" title="Fertig"/}}
23 )))
24 )))
25 |=(% colspan="1" %)(% colspan="1" %)
26 (((
27 Varianten
28 )))|(% colspan="1" %)(% colspan="1" %)
29 (((
30 (% class="content-wrapper" %)
31 (((
32 {{sv-metadata type="variants"/}}
33 )))
34 )))
35 |=(% colspan="1" %)(% colspan="1" %)
36 (((
37 Attribute
38 )))|(% colspan="1" %)(% colspan="1" %)
39 (((
40 (% class="content-wrapper" %)
41 (((
42 {{sv-metadata type="attributes"/}}
43 )))
44 )))
45 |=(% colspan="1" %)(% colspan="1" %)
46 (((
47 Pagekey
48 )))|(% colspan="1" %)(% colspan="1" %)
49 (((
50 (% class="content-wrapper" %)
51 (((
52 {{sv-metadata type="pagekey"/}}
53 )))
54 )))
55 |=(% colspan="1" %)(% colspan="1" %)
56 (((
57 Übersetzung
58 )))|(% colspan="1" %)(% colspan="1" %)
59 (((
60 (% class="content-wrapper" %)
61 (((
62 Integrating Formulas 
63
64 {{status colour="Green" title="fertig"/}}
65 )))
66 )))
67 |=(% colspan="1" %)(% colspan="1" %)
68 (((
69 TODOs
70 )))|(% colspan="1" %)(% colspan="1" %)
71 (((
72 (% class="content-wrapper" %)
73 (((
74 (% class="task-list" %)
75 (((
76 {{task reference="/Tasks/Task_1" status="Done"}}
77 carina: MARKETING-143 Versionstypen angepasst
78 {{/task}}
79
80 {{task reference="/Tasks/Task_4" status="Done"}}
81 carina: vgl ONYX-4210: Ergänzung MyScript und überarbeitung der Seite incl. Bilderformatierung
82 {{/task}}
83
84 {{task reference="/Tasks/Task_5" status="Done"}}
85 carina {{mention reference="XWiki.0a49950f5c0f19a8015c101b60e10001" style="FULL_NAME" anchor="XWiki-0a49950f5c0f19a8015c101b60e10001-KfIyV"/}} Bitte Review und benötigtes übersetzen
86 {{/task}}
87 )))
88 )))
89 ))){{/details}}
90
91 {{/layout-cell}}
92 {{/layout-section}}
93
94 {{layout-section ac:type="two_right_sidebar"}}
95 {{layout-cell}}
96 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.
97
98 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 der [[Daum Equation Editor>>url:http://s1.daumcdn.net/editor/fp/service_nc/pencil/Pencil_chromestore.html||shape="rect"]] oder [[MyScript>>url:https://webdemo.myscript.com/||shape="rect"]].
99
100 [[image:attach:Beispiel - Formel_de.png]]
101 {{/layout-cell}}
102
103 {{layout-cell}}
104 {{scroll-ignore}}
105 {{panel borderColor="#ddd" bgColor="#f0f0f0" borderStyle="solid" title="Inhalt"}}
106
107
108 {{toc/}}
109
110 **Verwandte Themen**(% class="sv-pt-link confluence-link" %)
111
112
113 * (% 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"]]
114 * (% 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"]]
115 * (% class="sv-pt-link confluence-link" %)[[Formeldarstellung: MathJax>>doc:Testen in OPAL]]
116 * (% class="sv-pt-link confluence-link" %)[[Formeleditor: Daum Equation Editor>>url:http://s1.daumcdn.net/editor/fp/service_nc/pencil/Pencil_chromestore.html||shape="rect"]]
117
118 * (% class="sv-pt-link confluence-link" %)[[Formeleditor: MyScript>>url:https://webdemo.myscript.com||shape="rect"]]
119 {{/panel}}
120 {{/scroll-ignore}}
121 {{/layout-cell}}
122 {{/layout-section}}
123
124 {{layout-section ac:type="single"}}
125 {{layout-cell}}
126 == Formelerstellung mit LaTeX ==
127
128 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.
129
130 \\
131
132 (% class="wrapped" %)
133 |(((
134 (% class="content-wrapper" %)
135 (((
136 [[image:attach:Editor - Aufgabenstellung mit Formel_de.png]]
137
138 (% style="text-align: center;" %)
139 //Abb.: LaTeX-Eingabe im ONYX Editor
140 //
141 )))
142 )))|(((
143 (% class="content-wrapper" %)
144 (((
145 [[image:attach:Testrun - Aufgabenstellung mit Formel_de.png]]
146
147 (% style="text-align: center;" %)
148 //Abb.: Formeldarstellung in der Testdurchführung//
149 )))
150 )))
151
152 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:
153
154 * (((
155 \( Formel \)
156 )))
157 * \[ Formel \]
158 * $$ Formel $$
159
160 Die LaTeX-Syntax $Formel$ wird in ONYX nicht unterstützt.
161
162 {{info}}
163 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"]].
164 {{/info}}
165
166 == Formelerstellung mit dem Formel-Dialog ==
167
168 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.
169
170 === Eine Formel im Texteditor erstellen ===
171
172 (% class="wrapped relative-table" style="width: 87.7012%;" %)
173 |(% class="numberingColumn" %)(% class="numberingColumn" %)
174 (((
175 1
176 )))|(((
177 (% class="content-wrapper" %)
178 (((
179 Klicken Sie im Text-Editor auf die Option Formel [[image:attach:Onyx Icons und Buttons@Icon_Formeleditor.png]].
180 )))
181 )))|(% colspan="2" %)(% colspan="2" %)
182 (((
183 (% class="content-wrapper" %)
184 (((
185 [[image:attach:Editor - Formeldialog aufrufen_de.png]]
186 )))
187 )))
188 |(% class="numberingColumn" %)(% class="numberingColumn" %)
189 (((
190 2
191 )))|(((
192 (% class="content-wrapper" %)
193 (((
194 Geben Sie im Dialog Ihre Formel in das Textfeld in MathML- oder LaTeX-Notation ein.
195
196 Unterhalb des Eingabefeldes wird Ihnen eine Formelvorschau der angegebenen Formel angezeigt.
197
198 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.
199 )))
200 )))|(% colspan="2" %)(% colspan="2" %)
201 (((
202 (% class="content-wrapper" %)
203 (((
204 [[image:attach:Editor - Formeldialog_de.png]]
205 )))
206 )))
207 |(% class="numberingColumn" %)(% class="numberingColumn" %)
208 (((
209 3
210 )))|(((
211 (% class="content-wrapper" %)
212 (((
213 Fügen Sie die Formel mit Klick auf den Button //**Fertig** //in den Testinhalt ein.
214 )))
215 )))|(% colspan="2" %)(% colspan="2" %)
216 (((
217 (% class="content-wrapper" %)
218 (((
219 [[image:attach:Editor - Formeldarstellung_de.png]]
220 )))
221 )))
222
223 === Bearbeiten einer bestehenden Formel ===
224
225 Möchten Sie bestehende Formel-Inhalte mit dem Formel-Plugin bearbeiten, gehen Sie wie folgt vor:
226
227 (% class="wrapped" %)
228 |(% class="numberingColumn" %)(% class="numberingColumn" %)
229 (((
230 1
231 )))|(((
232 (% class="content-wrapper" %)
233 (((
234 Klicken Sie auf den Formel-Platzhalter [[image:attach:Onyx Icons und Buttons@Icon_Formel.png]] oder markieren Sie die gesamte Formel in LaTeX-Notation.
235 )))
236 )))|(% rowspan="2" %)(% rowspan="2" %)
237 (((
238 (% class="content-wrapper" %)
239 (((
240 [[image:attach:Editor - Formel bearbeiten_de.png]]
241 )))
242 )))
243 |(% class="numberingColumn" %)(% class="numberingColumn" %)
244 (((
245 2
246 )))|(((
247 (% class="content-wrapper" %)
248 (((
249 Klicken Sie im Text-Editor auf die Option Formel [[image:attach:Onyx Icons und Buttons@Icon_Formeleditor.png]].
250 )))
251 )))
252 |(% class="numberingColumn" %)(% class="numberingColumn" %)
253 (((
254 3
255 )))|(((
256 Die Formel öffnet sich im Formel-Dialog und Sie können die Formel im Textfeld bearbeiten.
257 )))|(% rowspan="2" %)(% rowspan="2" %)
258 (((
259 (% class="content-wrapper" %)
260 (((
261 [[image:attach:Editor - Dialog Formel eingeben_de.png]]
262 )))
263 )))
264 |(% class="numberingColumn" %)(% class="numberingColumn" %)
265 (((
266 4
267 )))|(% colspan="1" %)(% colspan="1" %)
268 (((
269 Bestätigen Sie Ihre Änderung mit Klick auf den Button //**Fertig**// am Ende des Dialogs.
270 )))
271
272 \\
273
274 {{info}}
275 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).
276 {{/info}}
277
278 == Formelerstellung mit einem Formeleditor ==
279
280 Im Internet finden Sie zahlreiche LaTeX-Formeleditoren, welche eine Unterstützung zur Erstellung von LaTeX-Formeln bieten. Eine einfache Bedienung trotz umfangreicher Funktionalität bietet der [[Daum Equation Editor>>url:http://s1.daumcdn.net/editor/fp/service_nc/pencil/Pencil_chromestore.html||shape="rect"]]. Hierbei handelt es sich um eine Web-Applikation, welche auch als Browser-Plugin für Google-Chrome zur Verfügung steht. Alternativ kann auch [[MyScript>>url:https://webdemo.myscript.com/||shape="rect"]] genutzt werden.
281
282 [[image:attach:Daum Formeleditor_de.png]]
283
284 Die Bedienung des Daum Formeleditors ist ähnlich der Formeleditoren von Textprogrammen. Mathematische Formeln können durch vorgefertigte, grafische Formelsymbole zusammengestellt und angepasst werden. Der Formeleditor übersetzt die dargestellte Formel in LaTeX-Schreibweise. Die LaTeX-Notation können Sie markieren, kopieren und anschließend in die ONYX HTML-Eingabefelder einfügen.
285
286 == Formelbeispiele ==
287
288 ONYX verwendet das Framework MathJax zur Formeldarstellung. Auf den Demo-Seiten von MathJax finden Sie verschiedene [[Beispiele zur Formeleingabe>>url:http://www.mathjax.org/demos/||title="Zur MathJax Demo-Seite" shape="rect"]].
289
290 [[image:attach:Beispiel - Formel in einer Zeile_de.png]]
291
292 (% style="text-align: center;" %)
293 //Abb.: Beispiel für die Formeldarstellung innerhalb einer Zeile//
294
295 [[image:attach:Beispiel - Formel in eigener Zeile_de.png]]
296
297 (% style="text-align: center;" %)
298 //Abb.: Beispiel für die zentrierte Formeldarstellung in einer separaten Zeile//
299 {{/layout-cell}}
300 {{/layout-section}}
301 {{/layout}}
302 {{/sv-translation}}
303
304 {{sv-translation language="en"}}
305 {{layout}}
306 {{layout-section ac:type="two_right_sidebar"}}
307 {{layout-cell}}
308 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.
309
310 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.
311
312 [[image:attach:Beispiel - Formel_de.png]]
313 {{/layout-cell}}
314
315 {{layout-cell}}
316 {{scroll-ignore}}
317 {{panel title="Content"}}
318
319
320 {{toc/}}
321
322 **Related topics**
323
324 * [[LaTeX help: LaTeX compendium for mathematicians>>url:https://de.wikibooks.org/wiki/LaTeX-Kompendium:_F%C3%BCr_Mathematiker||shape="rect"]]
325 * [[MathML help: Official specification of MathML 3.0>>url:https://www.w3.org/TR/MathML3/||shape="rect"]]
326 * [[Formula presentation: MathJax>>url:https://www.bps-system.de/help/display/ONYXintern/Testen+in+OPAL||shape="rect"]]
327 * [[Formula editor: Daum Equation Editor>>url:http://s1.daumcdn.net/editor/fp/service_nc/pencil/Pencil_chromestore.html||shape="rect"]]
328 * [[Formula editor: MyScript>>url:https://webdemo.myscript.com/||shape="rect"]]
329 {{/panel}}
330 {{/scroll-ignore}}
331 {{/layout-cell}}
332 {{/layout-section}}
333
334 {{layout-section ac:type="single"}}
335 {{layout-cell}}
336 == Formula creation with LaTeX ==
337
338 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.
339
340 \\
341
342 (% class="wrapped" %)
343 |(((
344 (% class="content-wrapper" %)
345 (((
346 [[image:attach:Editor - Aufgabenstellung mit Formel_de.png]]
347
348 (% style="text-align: center;" %)
349 //Fig.: LaTeX input in the ONYX Editor//
350 )))
351 )))|(((
352 (% class="content-wrapper" %)
353 (((
354 [[image:attach:Testrun - Aufgabenstellung mit Formel_de.png]]
355
356 (% style="text-align: center;" %)
357 //Fig.: Formula presentation in a test situation//
358 )))
359 )))
360
361 In order to present mathematical formulas in LaTeX, you need to integrate the formula into your text. This can be done as follows:
362
363 * \( Formula \)
364 * \[ Formula \]
365 * $$ Formula $$
366
367 The LaTeX syntax $formula$ is not supported in ONYX.
368
369 {{info}}
370 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).
371 {{/info}}
372
373 (% style="margin-right: 3.05pt;" %)
374 == Formula creation with the formula dialogue ==
375
376 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.
377
378 === Creating a formula in the text editor ===
379
380 (% class="wrapped" %)
381 |(% class="numberingColumn" %)(% class="numberingColumn" %)
382 (((
383 1
384 )))|(((
385 (% class="content-wrapper" %)
386 (((
387 Select the formula icon [[image:attach:Icon_Formeleditor.png]] form the text editor.
388 )))
389 )))|(((
390 (% class="content-wrapper" %)
391 (((
392 [[image:attach:Editor - Formeldialog aufrufen_de.png]]
393 )))
394 )))
395 |(% class="numberingColumn" %)(% class="numberingColumn" %)
396 (((
397 2
398 )))|(((
399 In the dialogue, enter your formula into the text field in MathML or LaTeX notation.
400
401 Below the input field, you will be given a preview of the formula.
402
403 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.
404 )))|(((
405 (% class="content-wrapper" %)
406 (((
407 [[image:attach:Editor - Formeldialog_de.png]]
408 )))
409 )))
410 |(% class="numberingColumn" %)(% class="numberingColumn" %)
411 (((
412 3
413 )))|(((
414 Add the formula to the test content by clicking on "Finish".
415 )))|(((
416 (% class="content-wrapper" %)
417 (((
418 [[image:attach:Editor - Formeldarstellung_de.png]]
419 )))
420 )))
421
422 \\
423
424 === Editing an existing formula ===
425
426 (% style="letter-spacing: 0.0px;" %)To edit existing formula content using the formula plugin, proceed as follows:
427
428 (% class="wrapped" %)
429 |(% class="numberingColumn" %)(% class="numberingColumn" %)
430 (((
431 1
432 )))|(((
433 (% class="content-wrapper" %)
434 (((
435 Click on the formula placeholder [[image:attach:Icon_Formel.png]]or mark the entire formula in LaTeX notation.
436 )))
437 )))|(% rowspan="2" %)(% rowspan="2" %)
438 (((
439 (% class="content-wrapper" %)
440 (((
441 [[image:attach:Editor - Formel bearbeiten_de.png]]
442 )))
443 )))
444 |(% class="numberingColumn" %)(% class="numberingColumn" %)
445 (((
446 2
447 )))|(((
448 (% class="content-wrapper" %)
449 (((
450 Select the formula icon  [[image:attach:Icon_Formeleditor.png]] from the text editor.
451 )))
452 )))
453 |(% class="numberingColumn" %)(% class="numberingColumn" %)
454 (((
455 3
456 )))|(((
457 The formula will open in the formula dialogue, allowing you to edit the formula in the text field.
458 )))|(% rowspan="2" %)(% rowspan="2" %)
459 (((
460 (% class="content-wrapper" %)
461 (((
462 [[image:attach:Editor - Dialog Formel eingeben_de.png]]
463 )))
464 )))
465 |(% class="numberingColumn" %)(% class="numberingColumn" %)
466 (((
467 4
468 )))|(((
469 Confirm your changes with a click on "Finished" at the end of the dialogue.
470 )))
471
472 \\
473
474 {{info}}
475 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"]].
476 {{/info}}
477
478 == Formula creation with a formula editor ==
479
480 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.
481
482 [[image:attach:Daum Formeleditor_de.png]]
483
484 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.
485
486 == Formula examples ==
487
488 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"]].
489
490 (% style="text-align: center;" %)
491 [[image:attach:Beispiel - Formel in einer Zeile_de.png]]
492
493 (% style="text-align: center;" %)
494 //Fig.: Example of an inlined formula//
495
496 (% style="text-align: center;" %)
497 [[image:attach:Beispiel - Formel in eigener Zeile_de.png]]
498
499 (% style="text-align: center;" %)
500 //Fig.: Example of a formula centred on a separate line//
501 {{/layout-cell}}
502 {{/layout-section}}
503 {{/layout}}
504 {{/sv-translation}}