Introdução
Personalizadas Brics requer uma estrutura de diretório específica para funcionar e compilar corretamente.
O Bric Builder tem a capacidade de criar novos modelos personalizados 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 Bric personalizado deve haver 4 diretórios.
ativos – O diretório de ativos é usado para armazenar a biblioteca Bric e soltar arquivos de arte do cursor para um Bric personalizado. A arte do ícone da biblioteca Bric 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 Bric personalizado é adicionado a uma página, quaisquer arquivos CSS e JS localizados dentro deste diretório serão automaticamente adicionados como anexos de página ou projeto, dependendo do local de inserção do Bric (Global / Dynamic Area). Após a 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 ativos de imagem no 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 armazenarCustomBricTemplateVal 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 Bric personalizado 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 Bric personalizado. Quando um Bric personalizado é 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 Bric personalizado isolado para o personalizado 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 Bric personalizado, incluindo seu estado HTML inicial e a interface do usuário da barra lateral.