Vad som finns inuti
- pkg_tabsaccordion.zip — ett två-i-ett-installationsprogram (rekommenderas).
- plg_editors-xtd_tabsaccordion.zip — själva redigeringsknappen (obligatoriskt plugin).
- plg_content_tabsaccordion.zip — ett kompletterande plugin: säkerställer att Bootstrap JS (tab/collapse) inkluderas på webbplatssidan där Tabs- eller Accordion-blocket visas, även om den aktiva mallen inte inkluderar det (valfritt, men rekommenderas).
Installation
1. Tillägg → Hantera → Installera → "Skicka fil och installera".
2. Ladda upp `pkg_tabsaccordion.zip` - detta installerar båda plugin-programmen samtidigt.
3. Tillägg → Plugins → se till att följande är aktiverade:
- Redigerarknapp - Flikar och dragspel (gruppen Redigerarknappar)
- Innehåll - Flikar och dragspelskörning (gruppen Innehåll)
Vanligtvis aktiverar Joomla plugins direkt efter installationen, men det är värt att kontrollera.
4. Öppna valfri artikel – en knapp "Flikar / Dragspel" visas under redigeringsfönstret (där knapparna "Bild" och "Sidbrytning" finns etc.).
Pluginet är utformat för Joomla 5 och 6 med TinyMCE-redigeraren (standardredigeraren i Joomla).
Hur man använder det
Infoga ett nytt block
1. Placera markören i artikeltexten där blocket ska visas.
2. Klicka på "Flikar / Dragspel".
3. Välj typ—"Flikar" eller "Dragspel".
4. Fyll i flikrubrikerna och innehållet. Du kan lägga till fler objekt med knappen "+ Lägg till flik", ordna om dem med pilarna ↑/↓ och ta bort en flik med "Ta bort" (minst 2 flikar).
5. Markera "Öppna första objektet som standard" om så önskas.
6. Klicka på "Infoga".
Redigera ett redan infogat block
- Dubbelklicka direkt på blocket i redigeringstexten - samma dialogruta öppnas, men fylld med de aktuella flikar.
- Alternativt kan du placera markören inuti blocket och klicka på knappen "Flikar / Dragspel" igen.
- I redigeringsläge är knappen "Ta bort block" tillgänglig - tar bort blocket helt från texten.
Allt detta fungerar genom ett direkt anrop till TinyMCE API, så "markör inuti block"-igenkänning och blockmarkering vid muspekning fungerar bara när TinyMCE är aktivt. För andra redigerare (CodeMirror, "Ingen redigerare") infogar knappen blocket som **vanlig HTML**, men direktredigering av befintliga block är inte tillgängligt.
Hur det ser ut på webbplatsen
Den infogade markupen är standard Bootstrap 5-komponenter (`nav nav-tabs` / `tab-content` för flikar, `accordion` för dragspelet), utan några anpassade CSS-stylklasser. Om din webbplatsmall redan är byggd på Bootstrap 5 (som de flesta moderna Joomla-mallar, inklusive Cassiopeia), kommer allt att fungera utan ytterligare konfiguration – pluginet plg_content_tabsaccordion inkluderar automatiskt nödvändig JS (tabbväxling, objektexpansion) på sidor med sådana block.
Om din nuvarande mall inte är byggd på Bootstrap 5 måste du antingen åsidosätta designen med din egen CSS under klasserna .tabsaccordion-tabs / .tabsaccordion-accordion, eller inkludera Bootstrap på din webbplats – låt mig veta om du behöver förbereda detta alternativ.
