Notepad Editor With Jquery Ui Font Slider

jQuery ui slider value on handle.

Using slide event we can put value on move the value along with the handle.

$("#slider-range-min").slider({
    range: "min",
    value: 24,
    min: 10,
    max: 90,
    slide: function (event, ui) {
        $("#text").css({
            "font-size": ui.value + 'px'
        });
        $(ui.handle).text(ui.value);
        //$("#slider-range-min").find(".ui-slider-handle").text(ui.value);
    }
});
$("#slider-range-min").find(".ui-slider-handle").text($("#slider-range-min").slider("value"));

DEMO