|
XPages の Dojo リッチテキストエディタのフォントリストをカスタマイズする方法をご紹介します。
|
ShowTable of Contents
XPages でリッチテキストコントロールを使用すると、8.5.1 まではデフォルトで Dojo のリッチテキストエディタが表示されます。 (※ 8.5.2 からは CKEditor がデフォルトで表示されますが、プロパティの設定で Dojo リッチテキストエディタに変更できます) この Dojo リッチテキストエディタのフォントリストには、デフォルトで以下のような4つのフォントしか表示されません。 特に日本語フォントは1つも含まれていません。
以下、8.5.1 をベースにイメージやパスなどを紹介しますが、それ以外のバージョンでもほぼ同様です。 まずはカスタマイズしたリッチテキストエディターウィジェットを作成します。ここでは test.RichText という名前にしています。 (もしパッケージやオブジェクト名を変える場合は、それにあわせてパスやファイル名、JavaScriptソースを変更してください。) 1. \domino\js\dojo-1.3.2 以下に test フォルダを作成 2. test フォルダに RichText.js ファイルを作成し、以下のコードを記述して保存 (※ 以下のように日本語を含む場合は UTF-8 でエンコーディングしてください。Shift-JIS などを使うとフォントリストが文字化けします。) dojo.provide("test.RichText");
dojo.require("ibm.domino.widget.layout.DominoRichText");
dojo.declare("test.RichText", ibm.domino.widget.layout.DominoRichText, {
_pluginList: [
"foreColor",
"hiliteColor",
{name:'dijit._editor.plugins.FontChoice', command:'fontName', custom:['MS UI Gothic', 'MS Pゴシック', 'HGP創英角ゴシックUB', 'メイリオ']},
"fontSize"
]
}
);
3.
|