1. ホーム
  2. 開発者向け
  3. カスタム Bric ヘルパー クラス

カスタム Bric ヘルパー クラス

次のヘルパークラスはカスタムで使用できます Brics 内の特定の表示モードからコンテンツを非表示にするなど、その他のタスクを実行する Blocs 設計環境。

ヘルパークラス

.display-in-blocs-編集モードのみ – このクラスが適用されたBricコンテンツは編集モードでのみ表示され、すべてのプレビューモードでは非表示になり、エクスポートされるとこのクラスは標準のBootstrapに置き換えられます。 .hidden とに提供されます。

.隠れて-blocs-編集モードのみ – このクラスが適用された Bric コンテンツは、プレビュー モードとプロジェクトのエクスポート時にのみ表示されます。編集モードでは表示されません。このクラスは、エクスポートされたコードから自動的に削除されます。

初心者向けのヒント

このクラスが適用されます display:none!important; 対象の要素に。 デザイン モードではページからコンテンツが削除されるのではなく、要素がユーザーに対して視覚的に非表示になるだけです。

.remove-on-export – このクラスが適用された Bric コンテンツは編集モードでのみ表示され、エクスポート モードとプレビュー モードでは削除されます。

.隠れて-blocs-ページプレビュースナップショット – このクラスの Bric コンテンツは、ページ プレビューのスナップショット イメージから非表示になります。このクラスは、エクスポートされたコードから自動的に削除されます。

.bric-キャンバス-プレースホルダー –これは、きれいなスタイルの青いボックスを表示するために使用できるプレゼンテーションクラスです。 Blocs 設計環境。

コード例:

<div class="remove-on-export bric-canvas-placeholder">Bric Placeholder</div>

設計環境の出力:

15年2023月XNUMX日に更新

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

関連記事