1. Início
  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

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 localizados neste diretório serão adicionados automaticamente como anexos de página. Após a exportação, os recursos CSS serão colocados antes da tag de fechamento do cabeçalho e os recursos JS serão colocados antes da tag de fechamento do corpo.

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 lojaPersonalizadaBricTemplateVal 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 25 de setembro de 2020

Esse artigo foi útil?

Artigos Relacionados