Anpassad kod

Custom Code är en kraftfull komponent som låter dig redigera innehållet fritt som HTML. Bootstrap Studio försöker inte analysera eller validera koden på något sätt, vilket öppnar dörren till saker som att bädda in språk på serversidan eller taggar som applikationen inte har stöd för.

Grunderna

Drag och släpp en Custom Code komponent från Komponentpanelen till scenen. Dubbelklicka på den för att öppna den för redigering.

I denna editor kan du skriva kod utan begränsningar. Den stöder de flesta tangentbordsgenvägar du känner och älskar från Visual Studio Code, Sublime Text och andra populära redigerare. När du trycker på Använd kommer ändringarna du har gjort att läggas till sidan.

Notering

Anpassad kod rensas upp och rensas när den visas i Bootstrap Studio för att säkerställa att vyn i appen inte bryts av vad du skriver, utan din kod matas ut exakt som den är när du förhandsgranskar i webbläsaren eller export.

Konvertera komponenter till anpassad kod

Om du vill anpassa en komponent eller del av din design på ett sätt som inte är möjligt i Bootstrap Studio, kan du göra det genom att konvertera det till Anpassad kod. Högerklicka bara på en komponent och välj Konvertera till HTML. Tänk på att konverteringen är enkelriktad; du kommer inte att kunna konvertera dina ändringar tillbaka till komponenter.

Konvertera anpassad kod till komponenter

Du kan konvertera anpassad kod till komponenter genom att högerklicka på den och välja Konvertera till komponenter. Tänk på att appen bara känner igen korrekt strukturerad HTML och konverterar den till motsvarande komponenter. HTML-taggar som inte är tillgängliga som Bootstrap Studio-komponenter (t.ex. dd, dl, dt, etc.) kommer att bevaras som Custom Code. Alla icke-standardtaggar kommer att tas bort och ogiltig html kommer att rensas upp.