Du kan konfigurere tekst- eller bildeinnhold i et oppsett slik at det blir redigerbart for brukere som arbeider med sider basert på oppsettet.
Denne funksjonaliteten kan brukes i et hvilket som helst tema, også Bootstrap-temaer. Endringene følger automatisk stilen på den opprinnelige siden.
Du kan legge til enkel kode i de følgende HTML-kodene i oppsettet: <p>, fra <h1> til og med <h6>, <div> og <img>.
Valg for tekst- og bildeformatering omfatter:
Tekst: Gir brukere muligheten til å angi fet skrift, kursiv, understreking og kobling.
Bilde: Gir brukere muligheten til å angi en kobling til en bildefil. Du kan endre egenskapene for tittelen (hva brukeren ser når markøren beveges over et bilde) og legge til alternativ tekst for tilgjengelighet.
Når du skal endre et tekst- eller bildeelement slik at det kan redigeres av brukere, må du utføre følgende to handlinger:
Legg til scs-editable i class.
Legg til et unikt id-attributt.
Når et oppsett er endret, blir funksjonaliteten tilgjengelig for alle sider basert på dette oppsettet (også nye sider).
Hvis du kopierer og limer inn en side, kopieres endringene til den nye siden.
Endre en hodekode
Synkroniser oppsettfilen på det lokale skrivebordet, eller rediger HTML-kildefilen for <h1>-hodet.
Legg til scs-editable i class, og legg til attributtet id="test-heading" i kodelinjen for hodet, slik at det blir mulig å tilknytte et redigeringsprogram. For eksempel:
<h1 class="brand-heading scs-editable" id="test-heading">Sample Heading Value</h1>
Lagre filen.
Synkroniser med Oracle Content Management, og last nettleseren på nytt.
Når brukeren beveger markøren over hodet, skal det vises en svart kantlinje rundt det, noe som angir at innholdet kan redigeres. Når en bruker klikker på hodet, blir kantlinjen grønn for å vise at brukeren nå kan redigere hodeinnholdet.
Hvis temaet ikke er blitt publisert, publiserer du det. Hvis det er blitt publisert, vises endringen når du oppfrisker nettleseren.
Når temaet er publisert, kan områdebrukere klikke på hodet og redigere det i områdebyggeren.
Det opprettes en pseudokomponent for elementet scs-editable, slik at du kan endre det i områdebyggeren og lagre det med sidedataene. Kontrolleren erstatter scs-editable-kodene med verdiene du angir i områdebyggeren, under kjøring før siden gjengis.
Endre en bildekode
Prosedyren for å endre en bildekode i et oppsett slik at den kan redigeres av brukere, ligner på prosedyren for tekst.
Legg til scs-editable i class.
Legg til en unik id for bildet.
Brukere kan klikke på bildet og deretter endre egenskapene for å bruke et annet bilde.
Her er eksempelkode for et bilde som kan redigeres av brukere:
<img class="scs-editable" id="test-image" src="_scs_theme_root_/assets/img/downloads-bg-small.jpg"/>