Formeln einbinden

\\

6

7

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]]

{{panel borderColor="#ddd" bgColor="#f0f0f0" borderStyle="solid" title="Inhalt"}}

**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]]

34

35

(% class="sv-pt-link confluence-link" %)**Externe Formeleditoren**

36

37

* (% class="sv-pt-link confluence-link" %)[[MyScript Math>>url:https://webdemo.myscript.com/views/||shape="rect"]]

38

* (% class="sv-pt-link confluence-link" %)[[Matheretter LaTeX-Assisstent>>url:https://www.matheretter.de/rechner/latex||shape="rect"]]

39

* (% class="sv-pt-link confluence-link" %)[[Zahlenkern LaTeX-Formeleditor>>url:https://www.zahlen-kern.de/editor/||shape="rect"]]

== Formelerstellung mit LaTeX ==

48

49

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.

\\

(% style="text-align: center;" %)

62

[[image:attach:Editor - Aufgabenstellung mit Formel_de.png]]//Abb.: LaTeX-Eingabe im ONYX Editor//

(% style="text-align: center;" %)

67

[[image:attach:Testrun - Aufgabenstellung mit Formel_de.png]]//Abb.: Formeldarstellung in der Testdurchführung//

\\

Um Mathematische Formeln in LaTeX darzustellen, muss man lediglich die Formel in seinen Text integrieren. Eine Formel kann wie folgt in einen Text integriert werden:

* (((

$ Formel $

)))

* \[ Formel \]

* $$ Formel $$

Die LaTeX-Syntax $Formel$ wird in ONYX nicht unterstützt.

88

89

90

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"]].

\\

== Formelerstellung mit dem Formel-Dialog ==

104

105

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.

106

107

=== Eine Formel im Texteditor erstellen ===

108

109

(% class="wrapped" %)

110

|(% class="numberingColumn" %)(% class="numberingColumn" %)

(((

1

)))|(((

(% class="content-wrapper" %)

115

(((

116

Klicken Sie im Text-Editor auf die Option Formel [[image:attach:Onyx Icons und Buttons@Icon_Formeleditor.png]].

117

)))

118

)))|(% colspan="2" %)(% colspan="2" %)

119

(((

120

(% class="content-wrapper" %)

121

(((

122

[[image:attach:Editor - Formeldialog aufrufen_de.png]]

123

)))

124

)))

125

|(% class="numberingColumn" %)(% class="numberingColumn" %)

(((

2

)))|(((

(% class="content-wrapper" %)

130

(((

131

Geben Sie im Dialog Ihre Formel in das Textfeld in MathML- oder LaTeX-Notation ein. Unterhalb des Eingabefelds wird Ihnen eine Formelvorschau der angegebenen Formel angezeigt.

132

)))

133

134

Fügen Sie die Formel mit Klick auf den Button **Fertig** in den Testinhalt ein.

135

)))|(% colspan="2" %)(% colspan="2" %)

136

(((

137

(% class="content-wrapper" %)

138

(((

139

[[image:attach:Editor - Formeldialog_de.png]]

140

)))

141

)))

142

|(% class="numberingColumn" %)(% class="numberingColumn" %)

(((

3

)))|(((

(% class="content-wrapper" %)

147

(((

148

Im Textfeld wird die Formel anschließend in LaTeX-Notation angezeigt.

149

150

Diese Standardkonfiguration können Sie bei Bedarf in Ihren ONYX-Benutzereinstellungen ändern und eine Platzhalter-Grafik stellvertretend anzeigen lassen.

151

)))

152

)))|(% colspan="2" %)(% colspan="2" %)

153

(((

154

(% class="content-wrapper" %)

155

(((

156

[[image:attach:Editor - Formeldarstellung_de.png]]

157

)))

158

)))

159

|(% class="numberingColumn" colspan="1" %)(% class="numberingColumn" colspan="1" %)

160

(((

161

4

162

)))|(% colspan="1" %)(% colspan="1" %)

163

(((

164

In der Vorschau der Aufgabe und später in der Nutzeransicht wird die Formel analog zur Formelvorschau angezeigt.

165

)))|(% colspan="2" %)(% colspan="2" %)

166

(((

167

(% class="content-wrapper" %)

168

(((

169

[[image:attach:Player - Anzeige einer Formel_de.png]]

)))

)))

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).

\\

== Formelerstellung mit einem Formeleditor ==

192

193

Im Internet finden Sie zahlreiche LaTeX-Formeleditoren, welche eine Unterstützung zur Erstellung von LaTeX-Formeln bieten.

194

195

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.

196

197

[[image:attach:MyScript_de.png]]

198

199

(% style="text-align: center;" %)

200

//Abb.: Formel-Eingabe mit MyScript

201

//

202

203

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.

\\

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 übersetzen die dargestellte Formel ebenfalls in LaTeX-Schreibweise, die anschließend in die ONYX-HTML-Eingabefelder eingefügt werden kann.

\\

(% style="text-align: center;" %)

220

[[image:attach:Matheretter_de.png]]//Abb.: Formel-Eingabe im Matheretter LaTeX-Assisstent//

(% style="text-align: center;" %)

225

[[image:attach:LaTeX-Formeleditor_de.png]]//Abb.: Formel-Eingabe im Zahlenkern LaTeX-Formeleditor//

\\

== Formelbeispiele ==

238

239

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"]].

[[image:attach:Beispiel - Formel in einer Zeile_de.png]]

246

247

(% style="text-align: center;" %)

248

//Abb.: Beispiel für die Formeldarstellung innerhalb einer Zeile//

249

250

[[image:attach:Beispiel - Formel in eigener Zeile_de.png]]

251

252

(% style="text-align: center;" %)

253

//Abb.: Beispiel für die zentrierte Formeldarstellung in einer separaten Zeile//

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.

264

265

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"]], which stand out due to their simplicity and extensive functionality.

266

267

[[image:attach:Beispiel - Formel_de.png]]

**Related topics**

* [[LaTeX help: LaTeX compendium for mathematicians>>url:https://de.wikibooks.org/wiki/LaTeX-Kompendium:_F%C3%BCr_Mathematiker||shape="rect"]]

280

* [[MathML help: Official MathML 3.0 specification>>url:https://www.w3.org/TR/MathML3/||shape="rect"]]

281

* [[Formula presentation: MathJax>>url:https://www.bps-system.de/help/display/ONYXintern/Testen+in+OPAL||shape="rect"]]

282

283

**External formula editors**

284

285

* [[MyScript Math>>url:https://webdemo.myscript.com/||shape="rect"]]

286

* [[Matheretter Latex assistant>>url:https://www.matheretter.de/rechner/latex||shape="rect"]]

287

* [[Zahlenkern Latex formula editor>>url:https://www.zahlen-kern.de/editor/||shape="rect"]]

== Creating formulas with LaTeX ==

296

297

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: question text, 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.

\\

(% class="wrapped" %)

310

|(((

311

(% class="content-wrapper" %)

312

(((

313

[[image:attach:Editor - Aufgabenstellung mit Formel_de.png]]

314

315

(% style="text-align: center;" %)

316

//Fig.: LaTeX input in the ONYX Editor//

317

)))

318

)))|(((

319

(% class="content-wrapper" %)

320

(((

321

[[image:attach:Testrun - Aufgabenstellung mit Formel_de.png]]

322

323

(% style="text-align: center;" %)

324

//Fig.: Formula presentation in a test situation//

)))

)))

\\

In order to present mathematical formulas in LaTeX, you need to integrate the formula into your text. This can be done as follows:

* $ Formula $

* \[ Formula \]

* $$ Formula $$

The LaTeX syntax $formula$ is not supported in ONYX.

345

346

347

You can find extensive material on generating formulas with LaTeX on the internet. For example, detailed examples can be found in the [[Wikibook: LaTeX compendium for mathematicians>>url:https://de.wikibooks.org/wiki/LaTeX-Kompendium:_F%C3%BCr_Mathematiker||shape="rect"]] (in German).

\\

== Creating formulas with the formula dialogue ==

361

362

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 available for the HTML editor integrated into the ONYX Editor.

363

364

=== Create a formula in the text editor ===

365

366

(% class="wrapped" %)

367

|(% class="numberingColumn" %)(% class="numberingColumn" %)

(((

1

)))|(((

(% class="content-wrapper" %)

372

(((

373

Select the formula option [[image:attach:Icon_Formeleditor.png]]in the text editor.

374

)))

375

)))|(((

376

(% class="content-wrapper" %)

377

(((

378

[[image:attach:Editor - Formeldialog aufrufen_de.png]]

379

)))

380

)))

381

|(% class="numberingColumn" %)(% class="numberingColumn" %)

382

(((

383

2

384

)))|(% colspan="1" %)(% colspan="1" %)

385

(((

386

In the dialogue, enter your formula into the text field in MathML or LaTeX notation.

387

388

Below the input field, you will be given a preview of the formula.

389

390

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.

391

)))|(% colspan="1" %)(% colspan="1" %)

392

(((

393

(% class="content-wrapper" %)

394

(((

395

[[image:attach:Editor - Formeldialog_de.png]]

396

)))

397

)))

398

|(% class="numberingColumn" %)(% class="numberingColumn" %)

(((

3

)))|(((

Click on **Finish **to insert the formula into the test content.

403

)))|(((

404

(% class="content-wrapper" %)

405

(((

406

[[image:attach:Editor - Formeldarstellung_de.png]]

)))

)))

\\

=== Edit an existing formula ===

421

422

To edit existing formula content with the formula plugin, proceed as follows:

423

424

(% class="wrapped" %)

425

|(% class="numberingColumn" %)(% class="numberingColumn" %)

(((

1

)))|(((

(% class="content-wrapper" %)

430

(((

431

Click on the formula placeholder [[image:attach:Icon_Formel.png]]or mark the entire formula in LaTeX notation.

432

)))

433

)))|(% rowspan="2" %)(% rowspan="2" %)

434

(((

435

(% class="content-wrapper" %)

436

(((

437

[[image:attach:Editor - Formel bearbeiten_de.png]]

438

)))

439

)))

440

|(% class="numberingColumn" %)(% class="numberingColumn" %)

(((

2

)))|(((

(% class="content-wrapper" %)

445

(((

446

Select the formula option [[image:attach:Icon_Formeleditor.png]]in the text editor.

447

)))

448

)))

449

|(% class="numberingColumn" %)(% class="numberingColumn" %)

(((

3

)))|(((

The formula opens in the formula dialogue, allowing you to edit the formula in the text field.

454

)))|(% rowspan="2" %)(% rowspan="2" %)

455

(((

456

(% class="content-wrapper" %)

457

(((

458

[[image:attach:Editor - Dialog Formel eingeben_de.png]]

459

)))

460

)))

461

|(% class="numberingColumn" %)(% class="numberingColumn" %)

(((

4

)))|(((

Confirm your changes by clicking on **Finished** at the end of the dialogue.

)))

Cou can find extensive material on generating formulas with MathML on the internet. A detailed description is provided by the [[Official MathML 3.0 specification>>url:https://www.w3.org/TR/MathML3/||shape="rect"]].

\\

== Creating formulas with a formula editor ==

483

484

You can find numerous LaTeX formula editors on the internet, which provide support for creating LaTeX formulas.

485

486

For example, the [[MyScript >>url:https://webdemo.myscript.com/||shape="rect"]]website offers simple operation. Write the desired formula in the free area using your mouse or stylus. The formula editor translates the displayed formula into LaTeX notation and, if appropriate to the formula, also shows a graph of the created function.

487

488

(% style="text-align: center;" %)

489

[[image:attach:MyScript_de.png]]//Fig.: Formula input with MyScript//

490

491

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.

\\

With the editors 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.

\\

[[image:attach:Matheretter_de.png]]

508

509

(% style="text-align: center;" %)

510

//Fig.: Formula input in the Matheretter LaTeX assistant//

[[image:attach:LaTeX-Formeleditor_de.png]]

515

516

(% style="text-align: center;" %)

517

//Fig.: Formula input in the Zahlenkern LaTeX formula editor//

\\

== Formula examples ==

530

531

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"]].

[[image:attach:Beispiel - Formel in einer Zeile_de.png]]//Fig.: Example of an inline formula//

538

539

(% style="text-align: center;" %)

540

[[image:attach:Beispiel - Formel in eigener Zeile_de.png]]