fontSizes Option

Default value: []

The fontSizes option specifies the list of font size which will be shown in the font size drop down list. Use the option to customize font sizes.

Syntax

Javascript (Usage)
Javascript (Specification)

$(function () {
    
    // Get value
    var returnsValue; // Type:  array
    returnsValue = $(".selector").wijeditor("option", "fontSizes");
    
    // Set value
    var newValue; // Type:  array
    $(".selector").wijeditor("option", "fontSizes", newValue);
        
});

var fontSizes : array;

Example

Here is an example of code that creates custom fontNames and 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>

Remarks

Each fontSize object is composed of:

tip: the tooltip text to show when hovering over the font size in the drop-down list.

name: the name of the built-in fontsize value. See HTML specifications for more information, but they correspond to numeric values 1-7. You may also set custom values using a point (pt) or pixels (px) value.

text: the text to show for the size in the dropdown list.

default value:
[
    {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"}
]

Reference

options type
wijeditor jQuery Widget