1. Home
  2. Ontwikkelaars
  3. Aangepaste Bric-structuur

Aangepaste Bric-structuur

Introductie

Eigen Brics vereisen een specifieke directorystructuur om correct te kunnen werken en compileren.

Opmerking voor beginners

De Bric Builder heeft de mogelijkheid om nieuwe aangepaste Brics op basis van boiler plate-voorbeelden, zorgt u ervoor dat alle relevante bestanden en mappen correct en aanwezig zijn.

Directories

In een aangepaste Bric moeten er 4 mappen zijn.

activa – De assets directory wordt gebruikt om de Bric bibliotheek op te slaan en cursor artwork bestanden te droppen voor een custom Bric. De Bric bibliotheek icon artwork moet icon.png (retina – icon@2x.png) heten en de cursor artwork moet cursor.png (retina – cursor@2x.png) heten.

omvat – Wanneer een aangepaste Bric aan een pagina wordt toegevoegd, worden alle CSS- en JS-bestanden in deze directory automatisch toegevoegd als pagina- of projectbijlagen, afhankelijk van de Bric-invoeglocatie (Globaal / Dynamisch gebied). Bij export worden CSS-bronnen vóór de sluitende head-tag geplaatst en JS-bronnen vóór de sluitende body-tag. U kunt ook afbeeldingsassets toevoegen aan de omvat map, deze worden automatisch toegevoegd aan de img map bij het exporteren.

js - Allemaal een gewoonte Brics bewerkingslogica die wordt gebruikt binnen de Blocs ontwerpomgeving moet in deze map worden geplaatst, deze code wordt NIET geëxporteerd met een project.

templates - Allemaal een gewoonte Brics sjabloonbestanden moeten in deze map worden geplaatst. Deze bestanden worden gebruikt in combinatie met de winkelCustomBricTemplateVal API-oproep en worden indien nodig meegenomen in de uiteindelijke export van een project.

resources - Alle bestanden die in deze map zijn geplaatst, zijn toegankelijk via de resource API-aanroep of binnen een Brics HTML-inhoud met de korte code * bronpad.

Bestanden

In een aangepaste Bric moeten de volgende bestanden aanwezig zijn.

index.html - Dit bestand biedt een basiswerkgebied dat wordt gebruikt wanneer DOM-bewerking (Document Object Model) plaatsvindt op een aangepast Brics HTML-inhoud. De head kan verschillende JS-bronnen bevatten die in de bewerkingsomgeving kunnen worden geladen, de body mag alleen de tag voor het bewerkingsgebied bevatten.

Voorbeeld:
<body><editarea></editarea></body>

bric. Css – Dit bestand moet alle styling bevatten die nodig is voor een aangepaste Bric. Wanneer een aangepaste Bric aan een pagina wordt toegevoegd, worden de stylingregels in dit bestand automatisch toegevoegd aan de Blocs ontwerpomgeving en opgenomen in het style.css-bestand wanneer een project wordt geëxporteerd. Houd de CSS die door een aangepaste Bric wordt gebruikt, geïsoleerd van de aangepaste Brics Alleen HTML-inhoud, gebruik geen stijl die invloed kan hebben op DOM-objecten buiten een aangepast om Brics inhoud, zoals de body- of koptags.

data.bric – Dit is een plist-bestand dat verschillende informatie over een aangepaste Bric bevat, waaronder de oorspronkelijke HTML-status en de gebruikersinterface van de zijbalk.

Bijgewerkt op 5 april 2023

Was dit artikel behulpzaam?

Gerelateerde artikelen