1. Home page
  2. Desenvolvedores
  3. Personalizadas Bric Estrutura

Personalizadas Bric Estrutura

Introdução

Personalizadas Brics requer uma estrutura de diretório específica para funcionar e compilar corretamente.

Nota de iniciante

A Bric O Builder tem a capacidade de criar novos Brics a partir de exemplos padrão, usá-los garante que todos os arquivos e diretórios relevantes sejam nomeados corretamente e presentes.

diretórios

Dentro de um costume Bric deve haver 4 diretórios.

ativos - O diretório de ativos é usado para armazenar o Bric biblioteca e arquivos de arte do cursor para um personalizado Bric. O Bric A arte do ícone da biblioteca deve ser nomeada icon.png (retina - icon@2x.png) e a arte do cursor deve ser nomeada cursor.png (retina - cursor@2x.png).

inclui - Quando um costume Bric for adicionado a uma página, todos os arquivos CSS e JS localizados nesse diretório serão adicionados automaticamente como anexos de página ou projeto, dependendo do Bric local de inserção (Área Global / Dinâmica). Na exportação, os recursos CSS serão colocados antes da tag head de fechamento e os recursos JS serão colocados antes da tag body de fechamento. Você também pode adicionar recursos de imagem ao inclui diretório, estes serão automaticamente adicionados ao img diretório na exportação.

js - Tudo sob medida Brics lógica de edição que é usada dentro do Blocs O ambiente de design deve ser colocado neste diretório, este código NÃO é exportado com um projeto.

modelos - Tudo sob medida Brics os arquivos de modelo devem ser colocados neste diretório. Esses arquivos são usados ​​em conjunto com o lojaPersonalizadaBricModeloVal Chamada API e são incluídos na exportação final de um projeto, se necessário.

recursos - Todos os arquivos colocados neste diretório podem ser acessados ​​usando a chamada de API de recurso ou dentro de um Brics Conteúdo HTML com o código curto * caminho do recurso.

Arquivos

Dentro de um costume Bric deve haver os seguintes arquivos.

index.html - Este arquivo fornece uma área de trabalho básica que é usada quando a edição de DOM (Document Object Model) ocorre em um personalizado Brics Conteúdo HTML. O cabeçalho pode conter vários recursos JS que podem ser carregados no ambiente de edição, o corpo deve conter apenas a tag da área de edição.

Exemplo:
<body><editarea></editarea></body>

bric. Css - Este arquivo deve conter todo o estilo necessário para um personalizado Bric. Quando um costume Bric é adicionado a uma página, as regras de estilo neste arquivo são adicionadas automaticamente ao Blocs ambiente de design e incluído no arquivo style.css quando um projeto é exportado. Por favor, mantenha o CSS usado por um cliente Bric isolado para o costume Brics Somente conteúdo HTML, não use estilos que possam afetar objetos DOM fora de um padrão Brics conteúdo, como as tags de corpo ou título.

dados.bric - Este é um arquivo plist que contém várias informações sobre um arquivo personalizado Bric, incluindo seu estado HTML inicial e a interface do usuário da barra lateral.

Atualizado em 5 de abril de 2023

Esse artigo foi útil?

Artigos Relacionados