Introduzione
Custom Brics richiedono una struttura di directory specifica per funzionare e compilare correttamente.
Bric Builder ha la possibilità di creare nuovi oggetti personalizzati Brics dagli esempi di boilerplate, l'utilizzo di questi garantisce che tutti i file e le directory rilevanti siano denominati correttamente e presenti.
Directory
All'interno di un Bric personalizzato dovrebbero esserci 4 directory.
attività – La directory degli asset viene utilizzata per archiviare la libreria Bric e rilasciare i file di grafica del cursore per un Bric personalizzato. La grafica dell'icona della libreria Bric dovrebbe essere denominata icon.png (retina – icon@2x.png) e la grafica del cursore dovrebbe essere denominata cursor.png (retina – cursor@2x.png).
inclusi – Quando un Bric personalizzato viene aggiunto a una pagina, tutti i file CSS e JS presenti in questa directory verranno aggiunti automaticamente come allegati di pagina o di progetto, a seconda della posizione di inserimento del Bric (Globale/Area dinamica). Al momento dell'esportazione, le risorse CSS verranno posizionate prima del tag di chiusura head e le risorse JS verranno posizionate prima del tag di chiusura body. Puoi anche aggiungere risorse di immagini in inclusi directory, questi verranno aggiunti automaticamente al file img directory al momento dell'esportazione.
js - Tutta una consuetudine Brics logica di modifica utilizzata all'interno di Blocs l'ambiente di progettazione dovrebbe essere posizionato in questa directory, questo codice NON viene esportato con un progetto.
modelli - Tutta una consuetudine Brics i file modello dovrebbero essere collocati in questa directory. Questi file vengono utilizzati insieme a storeCustomBricTemplateVal Chiamata API e sono inclusi nell'esportazione finale di un progetto, se necessario.
risorse - È possibile accedere a tutti i file inseriti in questa directory utilizzando la chiamata API della risorsa o all'interno di un file Brics Contenuto HTML con il codice breve * percorso-risorsa.
File
All'interno di un Bric personalizzato dovrebbero esserci i seguenti file.
index.html - Questo file fornisce un'area di lavoro di base che viene utilizzata quando la modifica DOM (Document Object Model) avviene su un file personalizzato Brics Contenuto HTML. L'head può contenere varie risorse JS che possono essere caricate nell'ambiente di editing, il body dovrebbe contenere solo il tag dell'area di modifica.
Esempio:
<body><editarea></editarea></body>
briccss – Questo file dovrebbe contenere tutti gli stili richiesti per un Bric personalizzato. Quando un Bric personalizzato viene aggiunto a una pagina, le regole di stile in questo file vengono aggiunte automaticamente al Blocs ambiente di progettazione e incluso nel file style.css quando un progetto viene esportato. Si prega di mantenere il CSS utilizzato da un Bric personalizzato isolato al file personalizzato Brics Solo contenuto HTML, non utilizzare stili che potrebbero influenzare gli oggetti DOM al di fuori di un custom Brics contenuto, come i tag del corpo o dell'intestazione.
dati.bric – Questo è un file plist che contiene varie informazioni su un Bric personalizzato, tra cui il suo stato HTML iniziale e l'interfaccia utente della barra laterale.