Bemerkung Reiter
Der Atto Editor neigt dazu, unnötige HTML Tags zu setzen und und kann so die Struktur der Tabs zerstören (vor allem, wenn <div> Tags nicht richtig geschlossen werden). Einfügen von komplexeren Texten aus der Zwischenablage wird daher kaum funktionieren.
Kleinere Änderungen sollten gehen, solange die Absätze mit den Titeln oder Inhalten nicht ganz gelöscht werden. Grundsätzlich ist sehr empfohlen, in der HTML Ansicht des Editors zu arbeiten.
Grundstruktur
Es können beliebig weitere Tabs hinzugefügt werden.
- Den roten Code kopieren und in der HMTL Ansicht des Editors vor dem letzten schliessenden </div> des Accordions einfügen (unten orange markiert).
- Im eingefügten Code die grün markierte id ändern (am einfachsten eine Nummer hochzählen, es sind aber auch andere Bezeichnungen möglich).
- Die grün markierte Zeile kopieren und gleich unterhalb einfügen. Der türkis markierte Teil muss mit der id im neu kopierten Teil übereinstimmen.
<div id="tabs">
<ul>
<li><a href="#tab-0">Tab 0</a></li>
<li><a href="#tab-1">Tab 1</a></li>
<li><a href="#tab-2">Tab 2</a></li>
</ul>
<div id="tab-0">
<p>Inhalt1</p>
</div>
<div id="tab-1">
<p>Inhalt2</p>
</div>
<div id="tab-2">
<p>Inhalt3</p>
</div>
</div>
