fontSizes オプション

デフォルト値: []

fontSizes オプションは、フォントサイズドロップダウンリストに表示するフォントサイズのリストを指定します。このオプションを使用してフォントサイズをカスタマイズできます。

シンタックス

Javascript (Usage)
$(function () { //値を取得する var returnsValue; //タイプ： array returnsValue = $(".selector").wijeditor("option", "fontSizes"); //値を設定します var newValue; //タイプ： array $(".selector").wijeditor("option", "fontSizes", newValue); });

Javascript (Usage)

$(function () {
    
    //値を取得する
    var returnsValue; //タイプ： array
    returnsValue = $(".selector").wijeditor("option", "fontSizes");
    
    //値を設定します
    var newValue; //タイプ： array
    $(".selector").wijeditor("option", "fontSizes", newValue);
        
});

Javascript (Specification)
var fontSizes : array;

使用例

カスタムの fontNames と fontSizes を作成するコードのサンプルを以下に示します。

Javascript

<script id="scriptInit" type="text/javascript">
    $(document).ready(function () {
            $("#wijeditor").wijeditor({
                fontNames:[{
                    tip: "Arial",
                    name: "Arial",
                    text: "Arial"
                }, {
                    tip: "Garamond",
                    name: "Garamond",
                    text: "Garamond"
                }, {
                    tip: "Goudy Stout",
                    name: "Goudy Stout",
                    text: "Goudy Stout"
                }],
                fontSizes: [{
                    tip:  "10px",
                    name: "10px",
                    text: "10px"
                }, {
                    tip: "11px",
                    name: "11px",
                    text: "11px"
                },                    
                    {tip: "12px",
                    name: "12px",
                    text: "12px"
                 }]
            });
    });
</script>

解説

各 fontSize オブジェクトは以下の要素で構成されています。

tip: ドロップダウンリストのフォントサイズにマウスを合わせたときにツールチップとして表示されるテキスト。

name: 組み込みフォントサイズ値の名前。詳細については、HTML の仕様を参照してください。ただし、これらは数値 1 ～ 7 に対応します。ポイント（pt）またはピクセル（px）の値を使用してカスタム値を設定することもできます。

text: ドロップダウンリストでサイズに対して表示するテキスト。

デフォルト値:
[
{tip: ""VerySmall", name: "x-small", text: "VerySmall"},
{tip: "Small", name: "small", text: "Small"},
{tip: "Medium", name: "medium", text: "Medium"},
{tip: "Large", name: "large", text: "Large"},
{tip: "Larger", name: "x-large", text: "Larger"},
{tip: "VeryLarge", name: "xx-large", text: "VeryLarge"},
{tip: "SuperSized", name: "xxx-large", text: "SuperSized"}
]

関連トピック

参照