テキストエディターのカスタマイズ customize-text-editor
概要 overview
アセットを管理 UI と通信を作成 UI でテキストエディターをカスタマイズし、フォントおよびフォントサイズを追加できます。英語フォントだけでなく、日本語フォントなど英語以外のフォントも使用できます。
フォント設定で、以下を変更してカスタマイズすることができます。
- フォントファミリーとサイズ
- 高さ、文字間隔などのプロパティ
- フォントファミリーとサイズ、高さ、文字間隔および日付形式のデフォルト値
- 箇条書きのインデント
次の手順を実行します。
CRX の tbxeditor-config.xml ファイルを編集してフォントをカスタマイズ customizefonts
tbxeditor-config.xml ファイルを編集してフォントをカスタマイズするには、次の手順を実行します。
-
https://'[server]:[port]'/[ContextPath]/crx/de
にアクセスし、管理者としてログインします。 -
apps フォルダーに、libs/fd/cm/config の config フォルダーに類似したパスまたはフォルダー構造を持つ config という名前のフォルダーを次の手順で作成します。
-
以下のパスにある items フォルダーを右クリックし、「ノードをオーバーレイ」を選択します。
/libs/fd/cm/config
-
ノードをオーバーレイダイアログに次の値が表示されていることを確認します。
パス: /libs/fd/cm/config
場所: /apps/
ノードタイプを一致させる: 選択済み
-
「OK」をクリックします。apps フォルダーにフォルダー構造が作成されます。
-
「すべて保存」をクリックします。
-
-
以下の手順で、新しく作成した config フォルダーに tbxeditor-config.xml ファイルのコピーを作成します。
-
libs/fd/cm/config にある tbxeditor-config.xml ファイルを右クリックし、「コピー」を選択します。
-
以下のフォルダーを右クリックし、「貼り付け」を選択します。
apps/fd/cm/config
-
貼り付けたファイルの名前は、デフォルトでは
copy of tbxeditor-config.xml.
です。ファイル名をtbxeditor-config.xml
に変更し、「すべて保存」をクリックします。
-
-
apps/fd/cm/config の tbxeditor-config.xml ファイルを開き、必要な変更を加えます。
-
apps/fd/cm/config にある tbxeditor-config.xml ファイルをダブルクリックします。ファイルが開きます。
code language-xml <editorConfig> <bulletIndent>0.25in</bulletIndent> <defaultDateFormat>DD-MM-YYYY</defaultDateFormat> <fonts> <default>Times New Roman</default> <font>_sans</font> <font>_serif</font> <font>_typewriter</font> <font>Arial</font> <font>Courier</font> <font>Courier New</font> <font>Geneva</font> <font>Georgia</font> <font>Helvetica</font> <font>Tahoma</font> <font>Times New Roman</font> <font>Times</font> <font>Verdana</font> </fonts> <fontSizes> <default>12</default> <fontSize>8</fontSize> <fontSize>9</fontSize> <fontSize>10</fontSize> <fontSize>11</fontSize> <fontSize>12</fontSize> <fontSize>14</fontSize> <fontSize>16</fontSize> <fontSize>18</fontSize> <fontSize>20</fontSize> <fontSize>22</fontSize> <fontSize>24</fontSize> <fontSize>26</fontSize> <fontSize>28</fontSize> <fontSize>36</fontSize> <fontSize>48</fontSize> <fontSize>72</fontSize> </fontSizes> <lineHeights> <default>2</default> <lineHeight>2</lineHeight> <lineHeight>3</lineHeight> <lineHeight>4</lineHeight> <lineHeight>5</lineHeight> <lineHeight>6</lineHeight> <lineHeight>7</lineHeight> <lineHeight>8</lineHeight> <lineHeight>9</lineHeight> <lineHeight>10</lineHeight> <lineHeight>11</lineHeight> <lineHeight>12</lineHeight> <lineHeight>13</lineHeight> <lineHeight>14</lineHeight> <lineHeight>15</lineHeight> <lineHeight>16</lineHeight> </lineHeights> <letterSpacings> <default>0</default> <letterSpacing>0</letterSpacing> <letterSpacing>1</letterSpacing> <letterSpacing>2</letterSpacing> <letterSpacing>3</letterSpacing> <letterSpacing>4</letterSpacing> <letterSpacing>5</letterSpacing> <letterSpacing>6</letterSpacing> <letterSpacing>7</letterSpacing> <letterSpacing>8</letterSpacing> <letterSpacing>9</letterSpacing> <letterSpacing>10</letterSpacing> <letterSpacing>11</letterSpacing> <letterSpacing>12</letterSpacing> <letterSpacing>13</letterSpacing> <letterSpacing>14</letterSpacing> <letterSpacing>15</letterSpacing> <letterSpacing>16</letterSpacing> </letterSpacings> </editorConfig>
-
必要となる変更をファイルに加え、次のフォント設定を変更します。
- フォントファミリーとサイズの追加または削除
- 高さ、文字間隔などのプロパティ
- フォントファミリーとサイズ、高さ、文字間隔および日付形式のデフォルト値
- 箇条書きのインデント
例えば、Sazanami Mincho Medium という名前の日本語フォントを追加するには、XML ファイルで次の入力を行う必要があります。
<font>Sazanami Mincho Medium</font>
。アクセスしてフォントのカスタマイズを行うクライアントマシンにも、このフォントをインストールしておく必要があります。詳しくは、クライアントコンピューターへのカスタムフォントの追加を参照してください。また、様々な特性を持つテキストのデフォルト設定を変更したり、エントリを削除してテキストエディターからフォントを削除したりすることもできます。
-
「すべて保存」をクリックします。
-
クライアントコンピューターへのカスタムフォントの追加 addcustomfonts
Correspondence Management テキストエディターに格納されたフォントにアクセスする際、Correspondence Management へアクセスするクライアントマシンにそのフォントが存在する必要があります。テキストエディターでカスタムフォントを使用するには、まずクライアントマシンに同じフォントをインストールする必要があります。
フォントのインストールについて詳しくは、次を参照してください。
カスタマイズしたフォントへのアクセス access-font-customizations
CRX の tbxeditor-config.xml
ファイルのフォントに変更を加え、さらに AEM Forms へのアクセスに使用するクライアントマシンに必要なフォントをインストールすると、テキストエディターに変更が反映されます。
例えば、CRX の tbxeditor-config.xml ファイルを編集してフォントをカスタマイズする手順で Sazanami Mincho Medium フォントを追加した場合、テキストエディターの UI で以下のように表示されます。