Du kan konfigurere bestemt tekst- eller billedindhold i et layout, så det bliver redigerbart for brugere, der arbejder med sider, som er baseret på layoutet.
Denne funktionalitet kan bruges i et hvilket som helst tema, herunder Bootstrap-temaer. Modifikationerne får automatisk den samme typografi som den oprindelige side.
Du kan føje simpel markup til følgende HTML-tags i layoutet: <p>, <h1> til og med <h6>, <div> og <img>.
Tekst- og billedformateringsvalg omfatter:
Tekst: Gør det muligt for brugerne at angive Fed, Kursiv, Understreget og Link.
Billede: Gør det muligt for brugerne at angive et link til en billedfil. De kan også ændre egenskaberne for titlen (det brugerne ser, når de holder markøren over et billede) og tilføje alternativ tekst med henblik på tilgængelighed.
Modificering af et tekst- eller billedelement, så det kan redigeres af brugerne, kræver to ting:
Føj scs-editable til class.
Tilføj en entydig id-attribut.
Når et layout er modificeret, er funktionaliteten tilgængelig for alle sider, der er baseret på det pågældende layout (endda nye sider).
Hvis du kopierer og indsætter en side, kopieres ændringerne til den nye side.
Modificering af et overskrifts-tag
Synkroniser layoutfilen til din lokale computer, eller rediger HTML-kildefilen for overskriften <h1>.
Føj scs-editable til klassen class, og føj attributten id="test-heading" til kodelinjen for overskriften, så der kan knyttes en editor til den. Eksempel:
<h1 class="brand-heading scs-editable" id="test-heading">Sample Heading Value</h1>
Gem filen.
Synkroniser med Oracle Content Management, og genindlæs browseren.
Der skal vises en sort ramme omkring overskriften, når brugeren holder markøren over den, hvilket angiver, at indholdet kan redigeres. Når en bruger klikker på overskriften, bliver rammen grøn, hvilket angiver, at brugeren nu kan redigere overskriftens indhold.
Publicer temaet, hvis det endnu ikke er publiceret. Hvis det er publiceret, vises ændringen, når du opfrisker browseren.
Når temaet er publiceret, kan sitebrugerne klikke på overskriften og redigere den i Site Builder.
Der oprettes en pseudokomponent for elementet scs-editable, så du kan ændre det i Site Builder og gemme det sammen med sidedataene. Under runtime, før siden gengives, erstatter controlleren scs-editable-taggene med de værdier, som du angiver i Site Builder.
Modificering af et billed-tag
Fremgangsmåden ved modificering af et billed-tag i et layout, så det kan redigeres af brugerne, er stort set den samme som for et tekst-tag.
Føj scs-editable til class.
Tilføj et entydigt billed-id.
Brugerne kan klikke på billedet og derefter ændre egenskaberne for at bruge et andet billede.
Her er eksempelkode for et billede, der kan redigeres af brugerne:
<img class="scs-editable" id="test-image" src="_scs_theme_root_/assets/img/downloads-bg-small.jpg"/>