1

というわけで、エディタモードのユーザーインターフェース用にこのカスタムモジュールを作っています。これに関するドキュメントはほとんどないようです。cssについて質問です。

モジュールのカスタム css をどのようにロードしますか? 今、私はそれを読み込んでおり、JavaScript を介して css ファイルを の<head>タグに追加していますpostCreate。これはこれを行う良い方法ですか？それともインラインのままにしておくべきですか？

4

2 に答える 2

4

EPiServer 拡張機能をシェル モジュールとして実装するか、アドオンとして実装することをお勧めします (これはシェル モジュールでもありますが、EPiServer アドオン システムで簡単に配布/インストール/アップグレード/管理できます)。この場合は非常に簡単です。CSS リソースを定義し、module.config ファイルでクライアント モジュールにそれらを要求することができます。

<?xml version="1.0" encoding="utf-8" ?>
<module >

  <!--...Omitted module.config configuration...-->

  <clientResources>
    <add name="myStyles" path="ClientResources/Styles.css" resourceType="Style"/>
  </clientResources>

  <clientModule>
    <requiredResources>
      <add name="myStyles" />
    </requiredResources>
  </clientModule>

</module>

ここでは、モジュール/アドオン ディレクトリ内の ClientResources サブフォルダーにある Styles.css ファイルで、モジュールにスタイルが含まれていることを定義します。次に、そのリソースを名前で要求すると、システムはクライアント側モジュールのそのファイルを自動的にロードします。それが最も簡単な方法でした。EPiServer 7 CMS のサンプル アドオンをダウンロードしてください。ソース コードとその他のサンプルが含まれています。

于 2013-05-31T12:03:19.977 に答える
2

もう 1 つの方法は、ウィジェットでスタイルシートを単純に要求することです。

define([
'dojo/_base/declare',
'xstyle/css!./relative/to/widget/folder/mystyles.css'], function(declare) {
   // ...
});
于 2015-02-12T10:36:36.653 に答える