Question

我正在自定义我将在Ajax Html编辑器中显示的按钮，并希望看到如何在下拉列表中添加字体大小选项的示例。

public class HtmlEditor : Editor
{
{
protected override void FillTopToolbar()
TopToolbar.Buttons.Add(new AjaxControlToolkit.HTMLEditor.ToolbarButton.FontSize());
}
}

它显示了fontsize选项，但有一个空的下拉列表。

如何使用自定义fontsize选项显示它？对于示例，我想在fontsize下拉列表中显示8到16之间的选项。

谢谢

Josi

Answer 1

尝试这样的事情：

AjaxControlToolkit.HTMLEditor.ToolbarButton.FontSize MyFontSize = new AjaxControlToolkit.HTMLEditor.ToolbarButton.FontSize();
TopToolbar.Buttons.Add(MyFontSize);
AjaxControlToolkit.HTMLEditor.ToolbarButton.SelectOption fontsizeOptions = new AjaxControlToolkit.HTMLEditor.ToolbarButton.SelectOption();

fontsizeOptions.Value = "8pt";
fontsizeOptions.Text = "18";
MyFontSize.Options.Add(fontsizeOptions);


fontsizeOptions = new AjaxControlToolkit.HTMLEditor.ToolbarButton.SelectOption();
fontsizeOptions.Value = "16pt";
fontsizeOptions.Text = "16";
MyFontSize.Options.Add(fontsizeOptions);

Answer 2

protected override void FillTopToolbar()
{
        //TopToolbar.Buttons.Add(new AjaxControlToolkit.HTMLEditor.ToolbarButton.FontSize());
        AjaxControlToolkit.HTMLEditor.ToolbarButton.FontSize MyFontSize = new AjaxControlToolkit.HTMLEditor.ToolbarButton.FontSize();
        TopToolbar.Buttons.Add(MyFontSize);
        AjaxControlToolkit.HTMLEditor.ToolbarButton.SelectOption fontsizeOptions = new AjaxControlToolkit.HTMLEditor.ToolbarButton.SelectOption();

        fontsizeOptions.Value = "10.5px";
        fontsizeOptions.Text = "1";
        MyFontSize.Options.Add(fontsizeOptions);

        fontsizeOptions = new AjaxControlToolkit.HTMLEditor.ToolbarButton.SelectOption();
        fontsizeOptions.Value = "13.0px";
        fontsizeOptions.Text = "2";
        MyFontSize.Options.Add(fontsizeOptions);

        fontsizeOptions = new AjaxControlToolkit.HTMLEditor.ToolbarButton.SelectOption();
        fontsizeOptions.Value = "15.5px";
        fontsizeOptions.Text = "3";
        MyFontSize.Options.Add(fontsizeOptions);

        fontsizeOptions = new AjaxControlToolkit.HTMLEditor.ToolbarButton.SelectOption();
        fontsizeOptions.Value = "17.5px";
        fontsizeOptions.Text = "4";
        MyFontSize.Options.Add(fontsizeOptions);

        fontsizeOptions = new AjaxControlToolkit.HTMLEditor.ToolbarButton.SelectOption();
        fontsizeOptions.Value = "23.5px";
        fontsizeOptions.Text = "5";
        MyFontSize.Options.Add(fontsizeOptions);

    }
}

HTML编辑器 - Asp.net Ajax Control ToolKit

2 个答案: