fontNames オプション

デフォルト値: []

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

シンタックス

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

Javascript (Usage)

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

Javascript (Specification)
var fontNames : 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>

解説

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

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

name: Wijmo の組み込み Web セーフフォントの内部名。CSS フォントファミリーを使用してカスタム値を設定することもできます。

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

デフォルト値:
[
{tip: "Arial", name: "fn1", text: "Arial"},
{tip: "Courier New", name: "fn2", text: "Courier New"},
{tip: "Garamond", name: "fn3", text: "Garamond"},
{tip: "Tahoma", name: "fn4", text: "Tahoma"},
{tip: "Times New Roman", name: "fn5", text: "Times New Roman"},
{tip: "Verdana", name: "fn6", text: "Verdana"},
{tip: "Wingdings", name: "fn7", text: "Wingdings"}
]

関連トピック

参照