Кнопки увеличения/уменьшения FontSize для элемента управления RadEditor

Как я могу реализовать кнопки увеличения/уменьшения FontSize для элемента управления RadEditor, чтобы новый размер шрифта затем обновлялся на кнопке <telerik:EditorTool Name="RealFontSize" />, также включенной в панель инструментов RadEditor

например, на рисунке, если нажать кнопку увеличения, раскрывающийся список realfontsize должен увеличиться с 1 пикселя до 17 пикселей, а также размер шрифта выделенного текста.

Обновление: Благодаря ответу @rdmptn: https://stackoverflow.com/a/23365866/432424 Я получил эту функцию первого подхода, но мне все еще не удается получить текущий размер шрифта выделенного текста:

Telerik.Web.UI.Editor.CommandList["IncreaseFontSize"] = function (commandName, editor, args) 
{
    if (editor.getSelectionHtml() != "")
    {
        var selection = editor.getSelection();
        var theSelectedElement = selection.getParentElement();
        var currentFontSize = parseInt(theSelectedElement.style.fontSize);
        currentFontSize++;
        editor.fire("FontSize", { value: currentFontSize.toString() }); }); //fire the FontSize command
    }
    else
    {
        alert("Please, select some text!");
        args.set_cancel(true);
    }
};

Обновление 2: эта функция работает хорошо:

Telerik.Web.UI.Editor.CommandList["IncreaseFontSize"] = function (commandName, editor, args) 
{
    if (editor.getSelectionHtml() != "") 
    {
        var selection = editor.getSelection();
        var theSelectedElement = selection.getParentElement().firstElementChild;
        var currentFontSize = parseInt(theSelectedElement.size);
        currentFontSize++;
        var strNewFontSize = currentFontSize.toString();
        editor.fire("FontSize", { value: strNewFontSize }); //fire the FontSize command    
    }
    else
    {
        alert("Please, select some text!");
        args.set_cancel(true);
    }
};