Zum Inhalt springen

Wiki-Quellcode von Formeln einbinden

Version 179.1 von Carina Enke am 05.03.2020
Verstecke letzte Bearbeiter
Carina Enke 92.1 1 {{sv-translation language="de"}}
2 {{layout}}
3 {{layout-section ac:type="single"}}
4 {{layout-cell}}
5 \\
Carina Enke 136.1 6
7
8
Carina Enke 92.1 9 {{/layout-cell}}
10 {{/layout-section}}
11
12 {{layout-section ac:type="two_right_sidebar"}}
13 {{layout-cell}}
Carina Enke 140.1 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.
Carina Enke 92.1 15
Yvonne Winkelmann 150.1 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 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"]].
Carina Enke 92.1 17
18 [[image:attach:Beispiel - Formel_de.png]]
19 {{/layout-cell}}
20
21 {{layout-cell}}
22 {{scroll-ignore}}
23 {{panel borderColor="#ddd" bgColor="#f0f0f0" borderStyle="solid" title="Inhalt"}}
24
25
26 {{toc/}}
27
28 **Verwandte Themen**(% class="sv-pt-link confluence-link" %)
29
30
31 * (% 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"]]
32 * (% 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"]]
33 * (% class="sv-pt-link confluence-link" %)[[Formeldarstellung: MathJax>>doc:Testen in OPAL]]
Carina Enke 154.1 34 * (% 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"]]
Carina Enke 92.1 35
Carina Enke 154.1 36 * (% class="sv-pt-link confluence-link" %)[[Formeleditor: MyScript>>url:https://webdemo.myscript.com||shape="rect"]]
Carina Enke 92.1 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
Carina Enke 140.1 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: 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.
Carina Enke 92.1 47
48 \\
49
Carina Enke 146.1 50 (% class="wrapped" %)
51 |(((
52 (% class="content-wrapper" %)
53 (((
54 [[image:attach:Editor - Aufgabenstellung mit Formel_de.png]]
55
Carina Enke 92.1 56 (% style="text-align: center;" %)
Carina Enke 146.1 57 //Abb.: LaTeX-Eingabe im ONYX Editor
58 //
59 )))
60 )))|(((
61 (% class="content-wrapper" %)
62 (((
63 [[image:attach:Testrun - Aufgabenstellung mit Formel_de.png]]
Carina Enke 92.1 64
65 (% style="text-align: center;" %)
Carina Enke 146.1 66 //Abb.: Formeldarstellung in der Testdurchführung//
67 )))
68 )))
Carina Enke 92.1 69
Carina Enke 140.1 70 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:
Carina Enke 92.1 71
72 * (((
73 \( Formel \)
74 )))
75 * \[ Formel \]
76 * $$ Formel $$
77
78 Die LaTeX-Syntax $Formel$ wird in ONYX nicht unterstützt.
79
80 {{info}}
81 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"]].
82 {{/info}}
83
84 == Formelerstellung mit dem Formel-Dialog ==
85
86 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.
87
88 === Eine Formel im Texteditor erstellen ===
89
Carina Enke 146.1 90 (% class="wrapped relative-table" style="width: 87.7012%;" %)
Carina Enke 92.1 91 |(% class="numberingColumn" %)(% class="numberingColumn" %)
92 (((
93 1
94 )))|(((
95 (% class="content-wrapper" %)
96 (((
97 Klicken Sie im Text-Editor auf die Option Formel [[image:attach:Onyx Icons und Buttons@Icon_Formeleditor.png]].
98 )))
99 )))|(% colspan="2" %)(% colspan="2" %)
100 (((
101 (% class="content-wrapper" %)
102 (((
103 [[image:attach:Editor - Formeldialog aufrufen_de.png]]
104 )))
105 )))
106 |(% class="numberingColumn" %)(% class="numberingColumn" %)
107 (((
108 2
109 )))|(((
110 (% class="content-wrapper" %)
111 (((
Carina Enke 138.1 112 Geben Sie im Dialog Ihre Formel in das Textfeld in MathML- oder LaTeX-Notation ein.
113
Carina Enke 140.1 114 Unterhalb des Eingabefeldes wird Ihnen eine Formelvorschau der angegebenen Formel angezeigt.
Carina Enke 138.1 115
116 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.
Carina Enke 92.1 117 )))
118 )))|(% colspan="2" %)(% colspan="2" %)
119 (((
120 (% class="content-wrapper" %)
121 (((
122 [[image:attach:Editor - Formeldialog_de.png]]
123 )))
124 )))
125 |(% class="numberingColumn" %)(% class="numberingColumn" %)
126 (((
127 3
128 )))|(((
129 (% class="content-wrapper" %)
130 (((
Carina Enke 140.1 131 Fügen Sie die Formel mit Klick auf den Button //**Fertig** //in den Testinhalt ein.
Carina Enke 92.1 132 )))
133 )))|(% colspan="2" %)(% colspan="2" %)
134 (((
135 (% class="content-wrapper" %)
136 (((
137 [[image:attach:Editor - Formeldarstellung_de.png]]
138 )))
139 )))
Carina Enke 138.1 140
141 === Bearbeiten einer bestehenden Formel ===
142
Carina Enke 140.1 143 Möchten Sie bestehende Formel-Inhalte mit dem Formel-Plugin bearbeiten, gehen Sie wie folgt vor:
Carina Enke 138.1 144
145 (% class="wrapped" %)
Carina Enke 146.1 146 |(% class="numberingColumn" %)(% class="numberingColumn" %)
147 (((
Carina Enke 138.1 148 1
149 )))|(((
150 (% class="content-wrapper" %)
Carina Enke 92.1 151 (((
Carina Enke 146.1 152 Klicken Sie auf den Formel-Platzhalter [[image:attach:Onyx Icons und Buttons@Icon_Formel.png]] oder markieren Sie die gesamte Formel in LaTeX-Notation.
Carina Enke 138.1 153 )))
154 )))|(% rowspan="2" %)(% rowspan="2" %)
Carina Enke 92.1 155 (((
Carina Enke 138.1 156 (% class="content-wrapper" %)
Carina Enke 92.1 157 (((
Carina Enke 138.1 158 [[image:attach:Editor - Formel bearbeiten_de.png]]
159 )))
160 )))
Carina Enke 146.1 161 |(% class="numberingColumn" %)(% class="numberingColumn" %)
162 (((
Carina Enke 138.1 163 2
164 )))|(((
Carina Enke 92.1 165 (% class="content-wrapper" %)
166 (((
Carina Enke 146.1 167 Klicken Sie im Text-Editor auf die Option Formel [[image:attach:Onyx Icons und Buttons@Icon_Formeleditor.png]].
Carina Enke 92.1 168 )))
169 )))
Carina Enke 146.1 170 |(% class="numberingColumn" %)(% class="numberingColumn" %)
171 (((
Carina Enke 138.1 172 3
173 )))|(((
174 Die Formel öffnet sich im Formel-Dialog und Sie können die Formel im Textfeld bearbeiten.
175 )))|(% rowspan="2" %)(% rowspan="2" %)
176 (((
177 (% class="content-wrapper" %)
178 (((
179 [[image:attach:Editor - Dialog Formel eingeben_de.png]]
180 )))
181 )))
Carina Enke 146.1 182 |(% class="numberingColumn" %)(% class="numberingColumn" %)
183 (((
Carina Enke 138.1 184 4
185 )))|(% colspan="1" %)(% colspan="1" %)
186 (((
Carina Enke 140.1 187 Bestätigen Sie Ihre Änderung mit Klick auf den Button //**Fertig**// am Ende des Dialogs.
Carina Enke 138.1 188 )))
Carina Enke 92.1 189
Carina Enke 146.1 190 \\
191
Carina Enke 92.1 192 {{info}}
Carina Enke 140.1 193 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).
Carina Enke 92.1 194 {{/info}}
195
196 == Formelerstellung mit einem Formeleditor ==
197
Carina Enke 146.1 198 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.
Carina Enke 92.1 199
Carina Enke 146.1 200 [[image:attach:Daum Formeleditor_de.png]]
Carina Enke 92.1 201
Carina Enke 146.1 202 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.
Carina Enke 92.1 203
204 == Formelbeispiele ==
205
Carina Enke 146.1 206 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"]].
Carina Enke 92.1 207
208 [[image:attach:Beispiel - Formel in einer Zeile_de.png]]
209
210 (% style="text-align: center;" %)
211 //Abb.: Beispiel für die Formeldarstellung innerhalb einer Zeile//
212
213 [[image:attach:Beispiel - Formel in eigener Zeile_de.png]]
214
215 (% style="text-align: center;" %)
216 //Abb.: Beispiel für die zentrierte Formeldarstellung in einer separaten Zeile//
217 {{/layout-cell}}
218 {{/layout-section}}
219 {{/layout}}
220 {{/sv-translation}}
221
222 {{sv-translation language="en"}}
223 {{layout}}
224 {{layout-section ac:type="two_right_sidebar"}}
225 {{layout-cell}}
226 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.
227
Carina Enke 140.1 228 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.
Carina Enke 92.1 229
230 [[image:attach:Beispiel - Formel_de.png]]
231 {{/layout-cell}}
232
233 {{layout-cell}}
234 {{scroll-ignore}}
235 {{panel title="Content"}}
236
237
238 {{toc/}}
239
240 **Related topics**
241
242 * [[LaTeX help: LaTeX compendium for mathematicians>>url:https://de.wikibooks.org/wiki/LaTeX-Kompendium:_F%C3%BCr_Mathematiker||shape="rect"]]
Carina Enke 140.1 243 * [[MathML help: Official specification of MathML 3.0>>url:https://www.w3.org/TR/MathML3/||shape="rect"]]
Carina Enke 92.1 244 * [[Formula presentation: MathJax>>url:https://www.bps-system.de/help/display/ONYXintern/Testen+in+OPAL||shape="rect"]]
Carina Enke 140.1 245 * [[Formula editor: Daum Equation Editor>>url:http://s1.daumcdn.net/editor/fp/service_nc/pencil/Pencil_chromestore.html||shape="rect"]]
246 * [[Formula editor: MyScript>>url:https://webdemo.myscript.com/||shape="rect"]]
Carina Enke 92.1 247 {{/panel}}
248 {{/scroll-ignore}}
249 {{/layout-cell}}
250 {{/layout-section}}
251
252 {{layout-section ac:type="single"}}
253 {{layout-cell}}
Carina Enke 140.1 254 == Formula creation with LaTeX ==
Carina Enke 92.1 255
Carina Enke 140.1 256 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.
Carina Enke 92.1 257
258 \\
259
Carina Enke 140.1 260 (% class="wrapped" %)
Carina Enke 92.1 261 |(((
262 (% class="content-wrapper" %)
263 (((
264 [[image:attach:Editor - Aufgabenstellung mit Formel_de.png]]
265
266 (% style="text-align: center;" %)
267 //Fig.: LaTeX input in the ONYX Editor//
268 )))
269 )))|(((
270 (% class="content-wrapper" %)
271 (((
272 [[image:attach:Testrun - Aufgabenstellung mit Formel_de.png]]
273
274 (% style="text-align: center;" %)
Carina Enke 136.1 275 //Fig.: Formula presentation in a test situation//
Carina Enke 92.1 276 )))
277 )))
278
Carina Enke 136.1 279 In order to present mathematical formulas in LaTeX, you need to integrate the formula into your text. This can be done as follows:
Carina Enke 92.1 280
281 * \( Formula \)
282 * \[ Formula \]
283 * $$ Formula $$
284
Carina Enke 136.1 285 The LaTeX syntax $formula$ is not supported in ONYX.
Carina Enke 92.1 286
287 {{info}}
Carina Enke 140.1 288 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).
Carina Enke 92.1 289 {{/info}}
290
Carina Enke 140.1 291 (% style="margin-right: 3.05pt;" %)
292 == Formula creation with the formula dialogue ==
Carina Enke 92.1 293
Carina Enke 140.1 294 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.
Carina Enke 92.1 295
Carina Enke 140.1 296 === Creating a formula in the text editor ===
Carina Enke 92.1 297
Carina Enke 140.1 298 (% class="wrapped" %)
Carina Enke 92.1 299 |(% class="numberingColumn" %)(% class="numberingColumn" %)
300 (((
301 1
302 )))|(((
303 (% class="content-wrapper" %)
304 (((
Carina Enke 140.1 305 Select the formula icon [[image:attach:Icon_Formeleditor.png]] form the text editor.
Carina Enke 92.1 306 )))
307 )))|(((
308 (% class="content-wrapper" %)
309 (((
310 [[image:attach:Editor - Formeldialog aufrufen_de.png]]
311 )))
312 )))
313 |(% class="numberingColumn" %)(% class="numberingColumn" %)
314 (((
315 2
Carina Enke 140.1 316 )))|(((
Carina Enke 136.1 317 In the dialogue, enter your formula into the text field in MathML or LaTeX notation.
Carina Enke 92.1 318
Carina Enke 136.1 319 Below the input field, you will be given a preview of the formula.
320
321 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.
Carina Enke 140.1 322 )))|(((
Carina Enke 92.1 323 (% class="content-wrapper" %)
324 (((
325 [[image:attach:Editor - Formeldialog_de.png]]
326 )))
327 )))
328 |(% class="numberingColumn" %)(% class="numberingColumn" %)
329 (((
330 3
331 )))|(((
Carina Enke 140.1 332 Add the formula to the test content by clicking on "Finish".
Carina Enke 92.1 333 )))|(((
334 (% class="content-wrapper" %)
335 (((
336 [[image:attach:Editor - Formeldarstellung_de.png]]
337 )))
338 )))
Carina Enke 136.1 339
340 \\
341
Carina Enke 140.1 342 === Editing an existing formula ===
Carina Enke 136.1 343
Carina Enke 140.1 344 (% style="letter-spacing: 0.0px;" %)To edit existing formula content using the formula plugin, proceed as follows:
Carina Enke 136.1 345
Carina Enke 140.1 346 (% class="wrapped" %)
Carina Enke 136.1 347 |(% class="numberingColumn" %)(% class="numberingColumn" %)
Carina Enke 92.1 348 (((
Carina Enke 136.1 349 1
350 )))|(((
351 (% class="content-wrapper" %)
Carina Enke 92.1 352 (((
Carina Enke 136.1 353 Click on the formula placeholder [[image:attach:Icon_Formel.png]]or mark the entire formula in LaTeX notation.
354 )))
355 )))|(% rowspan="2" %)(% rowspan="2" %)
Carina Enke 92.1 356 (((
357 (% class="content-wrapper" %)
358 (((
Carina Enke 136.1 359 [[image:attach:Editor - Formel bearbeiten_de.png]]
Carina Enke 92.1 360 )))
361 )))
Carina Enke 136.1 362 |(% class="numberingColumn" %)(% class="numberingColumn" %)
363 (((
364 2
365 )))|(((
366 (% class="content-wrapper" %)
367 (((
Carina Enke 140.1 368 Select the formula icon  [[image:attach:Icon_Formeleditor.png]] from the text editor.
Carina Enke 136.1 369 )))
370 )))
371 |(% class="numberingColumn" %)(% class="numberingColumn" %)
372 (((
373 3
374 )))|(((
Carina Enke 140.1 375 The formula will open in the formula dialogue, allowing you to edit the formula in the text field.
Carina Enke 136.1 376 )))|(% rowspan="2" %)(% rowspan="2" %)
377 (((
378 (% class="content-wrapper" %)
379 (((
380 [[image:attach:Editor - Dialog Formel eingeben_de.png]]
381 )))
382 )))
383 |(% class="numberingColumn" %)(% class="numberingColumn" %)
384 (((
385 4
386 )))|(((
Carina Enke 140.1 387 Confirm your changes with a click on "Finished" at the end of the dialogue.
Carina Enke 136.1 388 )))
Carina Enke 92.1 389
Carina Enke 140.1 390 \\
391
Carina Enke 92.1 392 {{info}}
Carina Enke 140.1 393 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"]].
Carina Enke 92.1 394 {{/info}}
395
Carina Enke 140.1 396 == Formula creation with a formula editor ==
Carina Enke 92.1 397
Carina Enke 140.1 398 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.
Carina Enke 92.1 399
Carina Enke 140.1 400 [[image:attach:Daum Formeleditor_de.png]]
Carina Enke 92.1 401
Carina Enke 140.1 402 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.
Carina Enke 92.1 403
Carina Enke 140.1 404 == Formula examples ==
Carina Enke 92.1 405
Carina Enke 140.1 406 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"]].
Carina Enke 92.1 407
408 (% style="text-align: center;" %)
Carina Enke 140.1 409 [[image:attach:Beispiel - Formel in einer Zeile_de.png]]
Carina Enke 92.1 410
411 (% style="text-align: center;" %)
Carina Enke 140.1 412 //Fig.: Example of an inlined formula//
Carina Enke 92.1 413
414 (% style="text-align: center;" %)
415 [[image:attach:Beispiel - Formel in eigener Zeile_de.png]]
416
417 (% style="text-align: center;" %)
418 //Fig.: Example of a formula centred on a separate line//
419 {{/layout-cell}}
420 {{/layout-section}}
421 {{/layout}}
422 {{/sv-translation}}