1. ホーム
  2. 開発者
  3. カスタム Bric Structure

カスタム Bric Structure

はじめに

カスタム Brics 正しく動作してコンパイルするには、特定のディレクトリ構造が必要です。

初心者向けメモ

世界 Bric Builderには、新しいカスタムを作成する機能があります Brics ボイラープレートの例から、これらを使用すると、関連するすべてのファイルとディレクトリに正しく名前が付けられ、存在することが保証されます。

ディレクトリ

カスタム内 Bric 4つのディレクトリが必要です。

資産 –アセットディレクトリは、 Bric カスタム用のライブラリとドロップカーソルのアートワークファイル Bricとして指定することができます。 Bric ライブラリアイコンのアートワークにはicon.png(retina – icon@2x.png)という名前を付け、カーソルのアートワークにはcursor.png(retina – cursor@2x.png)という名前を付ける必要があります。

含まれています –カスタムの場合 Bric がページに追加されると、このディレクトリ内にあるすべてのファイルがページの添付ファイルとして自動的に追加されます。 エクスポート時に、CSSリソースは終了headタグの前に配置され、JSリソースは終了bodyタグの前に配置されます。

js –すべてのカスタム Brics 内で使用される編集ロジック Blocs デザイン環境はこのディレクトリに配置する必要があります。このコードはプロジェクトとともにエクスポートされません。

テンプレート –すべてのカスタム Brics テンプレートファイルはこのディレクトリに配置する必要があります。 これらのファイルは、 storeCustomBricTemplateVal API呼び出しは、必要に応じてプロジェクトの最終エクスポートに含まれます。

リソース –このディレクトリ内に配置されたすべてのファイルには、リソースAPI呼び出しを使用して、または Brics ショートコードを含むHTMLコンテンツ *リソースパス.

ファイル

カスタム内 Bric 次のファイルがあるはずです。

index.htmlを –このファイルは、カスタムでDOM(Document Object Model)編集が行われるときに使用される基本的な作業領域を提供します Brics HTMLコンテンツ。 ヘッドには編集環境にロードできるさまざまなJSリソースを含めることができ、ボディには編集領域タグのみを含める必要があります。

例:
<body><editarea></editarea></body>

bric.css –このファイルには、カスタムに必要なすべてのスタイルが含まれている必要があります Bric。 カスタムの場合 Bric がページに追加されると、このファイルのスタイリングルールが自動的にに追加されます。 Blocs デザイン環境であり、プロジェクトのエクスポート時にstyle.cssファイルに含まれます。 カスタムで使用されるCSSを保持してください Bric 習慣に隔離 Brics HTMLコンテンツのみ、カスタム外のDOMオブジェクトに影響を与える可能性のあるスタイルを使用しないでください Brics 本文や見出しタグなどのコンテンツ。

データ。bric –これはカスタムに関するさまざまな情報を含むplistファイルです Bric、初期のHTML状態とサイドバーのユーザーインターフェイスを含みます。

25年2020月XNUMX日に更新

この記事は役に立ちましたか?

関連記事