Du kan konfigurera visst text- eller bildinnehåll i en layout så att det blir redigerbart för användare som arbetar med sidorna baserat på layouten.
Den här funktionen kan användas i alla teman, även programladdningsteman. Ändringarna antar automatiskt den ursprungliga sidans format.
Du kan lägga till enkel uppmärkning i följande HTML-taggar i layouten: <p>, <h1> till och med <h6>, <div> och <img>.
Alternativen för formatering av text och bild inkluderar:
Text: Tillåt användare att ange fetstil, kursiv, understreck och länk.
Bild: Tillåt användare att ange en länk till en bildfil. Ändra egenskaperna för titel (det användaren ser när muspekaren hålls över en bild) och lägg till alternativ text för tillgänglighet.
Två saker krävs för att ändra ett text- eller bildelement så att det kan redigeras av användare:
Lägg till scs-editable i class.
Lägg till ett unikt id-attribut.
När en layout har ändrats blir funktionen tillgänglig för alla sidor som baseras på den layouten (även nya sidor).
Om du kopierar och klistrar in en sida kopieras ändringarna till den nya sidan.
Ändra en rubriktagg
Synkronisera layoutfilen med den lokala klientdatorn eller redigera HTML-källfilen för <h1>-sidhuvudet.
Lägg till scs-editable i class och lägg till attributet id="test-heading" i raden med kod för rubriken, så att en redigerare kan bifogas till den. Exempel:
<h1 class="brand-heading scs-editable" id="test-heading">Sample Heading Value</h1>
Spara filen.
Synkronisera upp med Oracle Content Management och ladda om webbläsaren.
En svart kantlinje ska visas runt rubriken när användaren håller muspekaren över den, för att ange att innehållet kan redigeras. När en användare klickar på rubriken blir kantlinjen grön, för att ange att användaren nu kan redigera rubrikens innehåll.
Om temat inte har publicerats ska du göra det. Om det har publicerats visas ändringen när du förnyar webbläsaren.
När temat har publicerats kan webbplatsanvändare klicka på sidhuvudet och redigera det i webbplatsverktyget.
En pseudokomponent skapas för elementet scs-editable, så att du kan ändra det i webbplatsverktyget och lagra det med siddata. Vid exekveringen, innan sidan återges, ersätter styrenheten scs-editable-taggarna med de värden du anger i webbplatsverktyget.
Ändra en bildtagg
Förfarandet för att ändra en bildtagg i en layout så att den kan redigeras av användare liknar det för text.
Lägg till scs-editable i class.
Lägg till ett unikt id för bilden.
Användare kan klicka på bilden och sedan ändra egenskaperna så att en annan bild används.
Här är exempelkod för en bild som kan redigeras av användare:
<img class="scs-editable" id="test-image" src="_scs_theme_root_/assets/img/downloads-bg-small.jpg"/>