Quelltext der Seite Texteditor ATTO/en

{{translated page
|origin=Texteditor ATTO
|lang=en
|translated title=Text editor ATTO
}}
The text editor "Atto" mainly offers functions that relate to audio and video files or recordings. This manual shows how to set up the text editor "Atto" and which functions are performed with it. 
<br clear=all>

== What needs to be done? ==
* Set text editor "Atto"
* Use various functions
* Make settings
<br clear=all>

== Set text editor ==
[[Datei:Texteditor Einstellungen.png|links|miniatur|619x619px]]
<br>
* Sign up with PANDA.
* Click on the '''small arrow (1)''' at the top right of your username.
* Then go to '''Settings (2)''' and finally select '''Select text editor (3)''' under User Account.
<br clear=all>

[[Datei:AttoEditor.png|links|mini|ohne|600px]]
<br>
* Now select the '''Text editor Atto''' and then click on '''Save changes'''.
<br clear=all>

== Video and audio functions at a glance ==
With the text editor Atto you can also use small formatting, but the editor is more suitable for '''integrating audio and video files'''. The [[Kurs: Text-Formatierungen & Editoreinstellungen/en|text editor TinyMCE]] offers most (text) formatting possibilities.
<br clear=all>
[[Datei:AttoEditor1.png|links|mini|ohne|700px]]
<br>
* To use all functions of the editor, first click on the [[Datei:EditorPfeil.png]] Arrow.
* You can use the atto editor to set the '''heading (1)''' and format the '''text (2)''' (''italics'' and '''bold''').
* The further functions refer v.also. to '''Audio and video files (3)''': 
:# Insert or edit audio/ video file
:# Record audio 
:# Record video
:# vimp (Atto)
<br clear=all>

=== Insert or edit audio/ video file ===
==== Insert link ====
[[Datei:AttoEditor2.png|links|mini|ohne|700px]]
<br>
* First click on '''Insert or edit audio/video file (1)'''. 
* Then select the '''Link (2)'''.
* Then insert the desired link ('''URL (3)''') and give it a '''name (4)'''.
* Then click on '''Insert media (5)'''.
<br clear=all>

==== Insert video file ====
[[Datei:AttoEditor3.png|links|mini|ohne|700px]]
<br>
* First click on '''Insert or edit audio/video file (1)'''. 
* Then select '''Video (2)'''.
* Now click on '''Select file (3)'''. This will open a new window where you can select a video that is on your computer.
* You can make '''further settings (4)'''.
* Then click on '''insert media (5)'''.
<br clear=all>

==== Insert audio file ====
[[Datei:AttoEditor4.png|links|mini|ohne|700px]]
<br>
* First click on '''Insert or edit audio/video file (1)'''. 
* Then select '''Audio (2)'''.
* Now click on '''Select file (3)'''. This will open a new window where you can select an audio file that is on your computer.
* You can make '''further settings (4)'''.
* Then click on '''insert media (5)'''.
<br clear=all>

==== Result: View ====
[[Datei:AttoEditor5.png|links|mini|ohne|700px]]
<br>
* Now you see the '''Link (1)''', the '''Video (2)''' and the '''Audio file (3)''' in your text field.
<br clear=all>

=== Record audio ===
<span style="color:red;"> Note: </span> This function may not be supported by the Internet browser "Safari". You should therefore use Firefox or Chrome.
[[Datei:AttoEditor6.png|links|mini|ohne|700px]]
<br>
* To start a recording, click on '''Record Audio'''.
* Then click on '''Start recording'''.
<br clear=all>

[[Datei:AttoEditor7.png|links|mini|ohne|700px]]
<br>
* You will then be asked if PANDA may access your microphone.
* Click on '''Allow'''.
* The maximum two-minute recording will start immediately afterwards.
<br clear=all>

[[Datei:AttoEditor8.png|links|mini|ohne|700px]]
<br>
* Click on '''Stop recording''' when you are finished.
* The remaining time is displayed (here 1:27).
<br clear=all>

[[Datei:AttoEditor9.png|links|mini|ohne|700px]]
<br>
* Now you can repeat the '''recording (1)''' if you are dissatisfied.
* If you are satisfied, you can append the '''recording (2)'''. It is now displayed in the text field.
<br clear=all>

=== Record video ===
<span style="color:red;"> Note: </span> This function may not be supported by the Internet browser "Safari". You should therefore use Firefox or Chrome.
[[Datei:AttoEditor10.png|links|mini|ohne|700px]]
<br> 
* To start a video recording, click on '''Record Video'''.
* Then click on '''Start recording'''.
<br clear=all>

[[Datei:AttoEditor11.png|links|mini|ohne|700px]]
<br>
* You will then be asked if PANDA can access your microphone and camera.
* Click on '''Allow'''.
* The maximum two-minute recording will start immediately afterwards.
<br clear=all>

[[Datei:AttoEditor12.png|links|mini|ohne|700px]]
<br>
* Click on '''Stop recording''' when you are finished.
* The remaining time is displayed (here 1:41).
<br clear=all>

[[Datei:AttoEditor13.png|links|mini|ohne|700px]]
<br>
* Now you can repeat the '''recording (1)''' if you are dissatisfied.
* If you are content, you can append the '''recording (2)'''. It is now displayed in the text field.
<br clear=all>

=== ViMP connection ===
[[Datei:AttoEditor14.png|links|mini|ohne|700px]]
<br>
* To upload videos from the video portal '''"ViMP"''', first click on the [[Datei:ViMPSymbol.png]] '''ViMP-Symbol (1)'''.
* You can '''search for videos '''(2)''' and set whether '''only own media (3)''' should be displayed.
* You can decide with one click whether videos '''with or without chapter marks should be included (4)'''.
* Afterwards the ViMP video appears in your text field.
<br clear=all>

== Further functions with the text editor Atto ==
=== Equation editor ===
With the equation editor you can edit your equation using operators, arrows, Greek symbols and much more: 
[[Datei:AttoEditor15.png|links|mini|ohne|700px]]
<br>
* First click on the [[Datei:Gleichungseditor.png]] '''Equation Editor icon'''.
* Then select '''Operators''', '''Arrows''', '''Greek symbols''' or '''Advanced'''.
* Enter your equation.
* Then click on '''Save equation'''.
* The equation is now displayed in your text field.
<br clear=all>

=== Accessibility tests ===
You can use the "Accessibility Tests" to test whether your settings are correct:
[[Datei:AttoEditor16.png|links|mini|ohne|600px]]
<br>
* Click on the [[Datei:Barrierefreiheit.png]] Symbol.
* Now a new window opens with suggestions on how to solve the problem.
<br clear= all>

== See also ==
[[Kurs: Text-Formatierungen & Editoreinstellungen/en|Course: Text formatting & editor settings]]