Community Components Guide community-components-guide

De communautaire gids van Componenten is een interactief ontwikkelingshulpmiddel voor het sociale componentenkader (SCF). Het verstrekt een lijst van beschikbare componenten van de Gemeenschappen van Adobe Experience Manager (AEM) of de complexere eigenschappen die van veelvoudige componenten worden gebouwd.

Samen met basisinformatie voor elke component, staat de gids voor het experimenteren met toe hoe de componenten SCF/de eigenschappen werken en hoe zij kunnen worden gevormd of worden aangepast.

Voor informatie betreffende ontwikkelingshoofdstukken met betrekking tot elke component, zie de Hoofdzaak van de Eigenschap en van de Component.

Aan de slag getting-started

De handleiding is bedoeld voor gebruik in ontwikkelinstallaties van instanties van de auteur (localhost:4502) en voor het publiceren van instanties (localhost:4503).

De site Community Components is toegankelijk door naar

De interactie met de communautaire componenten is afhankelijk van:

Als u de bewerkingsmodus wilt activeren bij de auteur, voegt u editor.html of cf# in als het eerste padsegment na de servernaam:

Startpagina home-page

De handleiding bevat een lijst met SCF-componenten die beschikbaar zijn voor voorvertoning en prototypen aan de linkerkant van de pagina.

De Gids van Componenten zoals bekeken op een auteursinstantie op Edit wijze:

Componentpagina's component-pages

Selecteer een component in de lijst links op de pagina.

De hoofdtekst van de hulplijn wordt weergegeven:

Interacties tussen auteurs author-interactions

Wanneer u de handleiding gebruikt voor een instantie van de auteur, kunt u het configureren van een component ervaren door het dialoogvenster te openen. De informatie voor ontwikkelaars wordt verstrekt in de sectie van de Hoofdzaak van de Component en van de Eigenschapvan de documentatie, terwijl de dialoogmontages in sectie van de Componenten van Gemeenschappenvoor auteurs worden beschreven.

Voor de gids van Componenten Gemeenschap, worden sommige montages van de componentendialoog bedekt met Includableknevelstaat. Als u wilt schakelen tussen het gebruik van de bestaande bron of een dynamisch opgenomen bron, selecteert u in de bewerkingsmodus zowel de component als de insluitende tekst en dubbelklikt u om het dialoogvenster Bewerken te openen:

Onder het lusje van Malplaatjes:

Publish-interacties publish-interactions

Wanneer u de handleiding gebruikt op een publicatie-instantie, kunt u de componenten en functies ervaren als bezoeker van de site (niet aangemeld) en als leden met verschillende bevoegdheden wanneer u zich hebt aangemeld.

Client-Side bibliotheken client-side-libraries

De cliënt-zijbibliotheken (clientlibs) die voor elke component worden vermeld zijn die worden vereist om worden van verwijzingen voorzien wanneer de component op een pagina wordt geplaatst. De clientlibs bieden een manier om de download van de JavaScript en CSS die worden gebruikt om de component in de browser te renderen, te beheren en te optimaliseren.

Voor meer informatie, bezoek Clientlibs voor de Componenten van Gemeenschappen.

Imitatie impersonation

Voor de auteurinstantie, waar men vaak als beheerder of ontwikkelaar wordt aangemeld, om de component te ervaren die als een andere gebruiker wordt aangemeld, gebruik het tekstvakje links van de Impersonate knoop om of in de gebruikersbenaming te typen of van de pull-down lijst te selecteren, en dan de knoop te klikken. Klik op Vorige versie om u af te melden en de imitatie te beëindigen.

De publicatie-instantie hoeft zich niet voor te doen. Eenvoudig gebruik de Login/Logout verbinding om zich als diverse gebruikers, zoals de demogebruikersna te bootsen.

Aanpassing customization

Wanneer toegelaten, is elke component SCF beschikbaar voor prototyping van mogelijke aanpassingen door het malplaatje van de component, CSS, en gegevens tijdelijk te wijzigen.

Aanpassing inschakelen enabling-customization

Om snel met aanpassingen te experimenteren, moet het scg:showIde bezit aan de inhoudJCR van de componentenpagina worden toegevoegd knoop en aan waar worden geplaatst.

De component comments als voorbeeld gebruiken voor de auteur of de publicatie-instantie, aangemeld met beheerdersrechten:

Tabblad Sjablonen templates-tab

Selecteer het tabblad Sjablonen om de sjablonen weer te geven die aan de component zijn gekoppeld.

Met de Sjablooneditor kunnen lokale bewerkingen worden gecompileerd en toegepast op de voorbeeldcomponentinstantie boven aan de pagina zonder dat dit van invloed is op de component in de opslagplaats.

Wanneer compileert op lokale bewerkingen, worden eventuele fouten gemarkeerd door een punt in de tussenruimte te plaatsen en de tekst rood te markeren.

CSS-tabblad css-tab

Selecteer het tabblad CSS om de CSS weer te geven die aan de component is gekoppeld.

Als een component een samenstelling van veelvoudige componenten is, kan sommige CSS onder één van de andere componenten worden vermeld.

Met de CSS-editor kunt u de CSS wijzigen en toepassen op de voorbeeldcomponentinstantie boven aan de pagina.

U kunt een regel selecteren om de onderdelen van het DOM te markeren met behulp van die regel door naast de regel in de tussenruimte te klikken.

Tabblad Gegevens data-tab

Selecteer het lusje van Gegevens om de .social.json eindpuntgegevens te tonen. Dit gegeven is editable en wordt toegepast op de instantie van de steekproefcomponent.

Syntaxisfouten kunnen in de tussenruimte worden gemarkeerd en in de editor worden gemarkeerd.