Zum Inhalt springen

Wiki-Quellcode von Formeln einbinden

Version 185.1 von Carina Enke am 05.03.2020
Zeige letzte Bearbeiter
1 {{sv-translation language="de"}}
2 {{layout}}
3 {{layout-section ac:type="single"}}
4 {{layout-cell}}
5 \\
6
7 \\
8
9 \\
10 {{/layout-cell}}
11 {{/layout-section}}
12
13 {{layout-section ac:type="two_right_sidebar"}}
14 {{layout-cell}}
15 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.
16
17 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"]].
18
19 \\
20
21 [[image:attach:image2016-10-24 10:18:57.png]]
22 {{/layout-cell}}
23
24 {{layout-cell}}
25 {{scroll-ignore}}
26 {{panel borderColor="#ddd" bgColor="#f0f0f0" borderStyle="solid" title="Inhalt"}}
27
28
29 {{toc/}}
30
31 **Verwandte Themen**(% class="sv-pt-link confluence-link" %)
32
33
34 * (% 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"]]
35 * (% 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"]]
36 * (% class="sv-pt-link confluence-link" %)[[Formeldarstellung: MathJax>>doc:Testen in OPAL]]
37 * (% class="sv-pt-link confluence-link" %)[[(% class="sv-pt-link confluence-link sv-pt-link confluence-link" %) >>url:https://de.wikibooks.org/wiki/LaTeX-Kompendium:_F%C3%BCr_Mathematiker||shape="rect"]](%%)[[Formeleditor: Daum Equation Editor>>url:http://s1.daumcdn.net/editor/fp/service_nc/pencil/Pencil_chromestore.html||shape="rect"]]
38
39
40 (% class="confluence-link" %) (%%)\\
41 {{/panel}}
42 {{/scroll-ignore}}
43
44 \\
45
46 \\
47 {{/layout-cell}}
48 {{/layout-section}}
49
50 {{layout-section ac:type="single"}}
51 {{layout-cell}}
52 == Formelerstellung mit LaTeX ==
53
54 Der ONYX Editor bietet für alle Autoreneingaben eine LaTeX Unterstützung. Über den im ONYX Editor integrierten HTML Editor können Formeln mit Hilfe 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 automatisch in eine professionell formatierte Formel konvertiert.
55
56 (% class="wrapped" %)
57 |(((
58 (% class="content-wrapper" %)
59 (((
60 [[image:attach:onyx-math1_de.png]]
61
62 (% style="text-align: center;" %)
63 //Abb.: LaTeX-Eingabe im ONYX Editor
64 //
65 )))
66 )))|(((
67 (% class="content-wrapper" %)
68 (((
69 [[image:attach:onyx-math2_de.png]]
70
71 (% style="text-align: center;" %)
72 //Abb.: Formeldarstellung in der Testdurchführung//
73 )))
74 )))
75
76 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:
77
78 * (((
79 \( Formel \)
80 )))
81 * \[ Formel \]
82 * $$ Formel $$
83
84 Die LaTeX-Syntax $Formel$ wird in ONYX nicht unterstützt.
85
86 \\
87
88 {{info}}
89 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"]].
90 {{/info}}
91
92 == Formelerstellung mit dem Formel-Dialog ==
93
94 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 eine spezielles Formel-Plugin zur Verfügung.
95
96 1. Klicken Sie im Text-Editor auf die Option Formel [[image:attach:onyx-math3_de.png]].
97 1. Geben Sie im Dialog Ihre Formel in das Textfeld in MathML- oder LaTeX -Notation ein.
98 1. Für LaTeX-Eingaben können Sie wählen, ob die Formel in LaTeX-Notation oder als Platzhalter [[image:attach:placeholder_formula.png]] in den Text-Editor eingefügt werden soll.
99 1. (((
100 (% style="text-align: left;" %)
101 Fügen Sie die Formel mit Klick auf den Button „Fertig“ in den Testinhalt ein.
102 )))
103
104 Unterhalb des Eingabefeldes wird Ihnen eine Formelvorschau angezeigt.
105
106 \\
107
108 (% class="wrapped" %)
109 |(((
110 (% class="content-wrapper" %)
111 (((
112 [[image:attach:onyx-math4_de.png]]
113
114 //Abb.: Formel-Dialog des ONYX HTML-Editors//
115 )))
116 )))|(((
117 (% class="content-wrapper" %)
118 (((
119 (% class="confluence-embedded-file-wrapper confluence-embedded-manual-size confluence-embedded-file-wrapper confluence-embedded-manual-size" %)[[image:attach:Formel.png]]
120 )))
121 )))
122
123 \\
124
125 Möchten Sie bestehende Formel-Inhalte mit dem Formel-Plugin bearbeiten, gehen Sie wie folgt vor:
126
127 1. Klicken Sie auf den Formel-Platzhalter [[image:attach:placeholder_formula.png]] oder markieren Sie die gesamte Formel in LaTeX-Notation.
128 (((
129 (% style="margin-left: 30.0px;" %)
130 [[image:attach:onyx-math6_de.png]]
131
132
133 \\\\\\\\\\\\\\
134 )))
135 1. Klicken Sie im Text-Editor auf die Option Formel [[image:attach:onyx-math3_de.png]].
136 1. Die Formel öffnet sich im Formel-Dialog und Sie können die Formel im Textfeld bearbeiten.
137 1. Bestätigen Sie Ihre Änderung mit Klick auf den Button „Fertig“.
138
139 \\
140
141 {{info}}
142 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).
143 {{/info}}
144
145 == Formelerstellung mit einem Formeleditor ==
146
147 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.
148
149 [[image:attach:image2016-10-12 15:11:25.png]]
150
151 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.
152
153 (% class="wrapped" %)
154 |(((
155 (% class="content-wrapper" %)
156 (((
157 [[image:attach:image2016-10-12 15:14:14.png]]
158
159 //Abb.: ONYX Editor Formel-Dialog//
160 )))
161 )))|(((
162 (% class="content-wrapper" %)
163 (((
164 [[image:attach:image2016-10-12 15:14:51.png]]
165
166 //Abb.: ONYX Editor HTML-Editor//
167
168 [[image:attach:image2016-10-12 15:17:21.png]]
169
170 //Abb.: ONYX Testdurchführung Formel-Anzeige//
171 )))
172 )))
173
174 == Formelbeispiele ==
175
176 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"]].
177
178 [[image:attach:onyx-math7_de.png]]
179
180 (% style="text-align: center;" %)
181 //Abb.: Beispiel für die Formeldarstellung innerhalb der Zeile//
182
183 [[image:attach:onyx-math8_de.png]]
184
185 (% style="text-align: center;" %)
186 //Abb.: Beispiel für die zentrierte Formeldarstellung in einer separaten Zeile//
187
188 \\
189 {{/layout-cell}}
190 {{/layout-section}}
191 {{/layout}}
192 {{/sv-translation}}
193
194 {{sv-translation language="en"}}
195 {{layout}}
196 {{layout-section ac:type="two_right_sidebar"}}
197 {{layout-cell}}
198 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 representation of your formulas in all browser views.
199
200 For the 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"]], for example, stands out due to its simplicity and extensive functionality.
201
202
203
204 [[image:attach:image2016-10-24 10:18:57.png]]
205 {{/layout-cell}}
206
207 {{layout-cell}}
208 {{scroll-ignore}}
209 {{panel title="Content"}}
210
211
212 {{toc/}}
213
214 **Related topics**
215
216 * [[LaTeX help: LaTeX compendium for mathematicians>>url:https://de.wikibooks.org/wiki/LaTeX-Kompendium:_F%C3%BCr_Mathematiker||shape="rect"]]
217 * [[MathML help: Official specification of MathML 3.0>>url:https://www.w3.org/TR/MathML3/||shape="rect"]]
218 * [[Formula representation: MathJax>>url:https://www.bps-system.de/help/display/ONYXintern/Testen+in+OPAL||shape="rect"]]
219 * [[Formula editor: Daum Equation Editor>>url:http://s1.daumcdn.net/editor/fp/service_nc/pencil/Pencil_chromestore.html||shape="rect"]]
220 {{/panel}}
221 {{/scroll-ignore}}
222 {{/layout-cell}}
223 {{/layout-section}}
224
225 {{layout-section ac:type="single"}}
226 {{layout-cell}}
227 == Formula creation with LaTeX ==
228
229 The ONYX Editor provides LaTeX support for all author inputs. Via the HTML Editor, which is a 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 are represented with the established [[MathJax Framework>>url:http://www.mathjax.org/||shape="rect"]]. Your formula is automatically converted to a professionally formatted formula.
230
231
232
233 |(((
234 [[image:attach:onyx-math1_de.png]]
235
236 (% style="text-align: center;" %)
237 //Fig.: LaTeX input in the ONYX Editor//
238 )))|(((
239 [[image:attach:onyx-math2_de.png]]
240
241 (% style="text-align: center;" %)
242 //Fig.: Formula representation during the test implementation//
243 )))
244
245 In order to represent mathematical formulas in LaTeX, you need to integrate the formula into your text. A formula can be integrated into a text as follows:
246
247 * \( Formula \)
248 * \[ Formula \]
249 * $$ Formula $$
250
251 The LaTeX syntax $formula$ is not supported in ONYX.
252
253
254
255 {{info}}
256 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).
257 {{/info}}
258
259 (% style="margin-right: 3.05pt;" %)
260 == Formula creation with the formula dialogue ==
261
262 In addition to the markup language LaTeX, mathematical formulas and complex expressions can also be integrated by means of the Mathematical Markup Language (MathML). For simple input, a special formula plugin is available for the HTML Editor.
263
264 1. Click on the option formula [[image:attach:onyx-math3_de.png]] in the text editor.
265 1. In the dialogue, enter your formula into the text field in MathML or LaTeX notation.
266 1. For LaTeX input, you can select whether the formula should be inserted into the text editor in LaTeX notation or as a placeholder [[image:attach:placeholder_formula.png]].
267 1. Add the formula to the test content by clicking on "Finish". 
268 \\
269
270 Below the input field, you will be given a preview of the formula.
271
272 |(((
273 [[image:attach:onyx-math4_de.png]]
274
275 (% style="text-align: center;" %)
276 //Fig.: Formula dialogue of the ONYX HTML Editor//
277 )))|(((
278 [[image:attach:Formel.png]]
279 )))
280
281 To edit already existing formula content with the formula plugin, proceed as follows:
282
283 1. Click on the formula placeholder [[image:attach:placeholder_formula.png]] or mark the entire formula in LaTeX notation.
284 \\[[image:attach:onyx-math6_de.png]]
285 1. (((
286 Click on the option formula [[image:attach:onyx-math3_de.png]] in the text editor.
287 )))
288 1. The formula opens in the formula dialogue. You can edit the formula in the text field.
289 1. Confirm your changes with a click on "Finished".
290
291 \\
292
293 {{info}}
294 On the internet, you will find extensive material for generating formulas with MathML. A detailed description is offered by the [[Official specification of MathML 3.0>>url:https://www.w3.org/TR/MathML3/||shape="rect"]].
295 {{/info}}
296
297 == Formula creation with a formula editor ==
298
299 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.
300
301 [[image:attach:image2016-10-12 15:11:25.png]]
302
303 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. You can then select the LaTeX notation, copy it, and paste it to the ONYX HTML input fields.
304
305 |(((
306 [[image:attach:image2016-10-12 15:14:14.png]]
307
308 (% style="text-align: center;" %)
309 //Fig.: ONYX Editor formula dialogue//
310 )))|(((
311 [[image:attach:image2016-10-12 15:14:51.png]]
312
313 (% style="text-align: center;" %)
314 //Fig.: ONYX Editor HTML Editor//
315
316 (% style="text-align: center;" %)
317 [[image:attach:image2016-10-12 15:17:21.png]]
318
319 (% style="text-align: center;" %)
320 //Fig.: ONYX test implementation formula display//
321 )))
322
323 == Formula examples ==
324
325 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"]].
326
327 (% style="text-align: center;" %)
328 [[image:attach:onyx-math7_de.png]]
329
330 (% style="text-align: center;" %)
331 //Fig.: Example of an inlined formula//
332
333 (% style="text-align: center;" %)
334 [[image:attach:onyx-math8_de.png]]
335
336 (% style="text-align: center;" %)
337 //Fig.: Example of a formula centred on a separate line//
338
339
340 {{/layout-cell}}
341 {{/layout-section}}
342 {{/layout}}
343 {{/sv-translation}}