Introdução
Personalizadas Brics requer uma estrutura de diretório específica para funcionar e compilar corretamente.
O 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.