开发一个自己的HTML在线编辑器（一）

核心提示： 下拉列表用来让用户选择预先设定好的数据，第一个是字号，开发一个自己的HTML在线编辑器（一）(7)，尺寸在1（10pt）到7（22pt）之间，这个按钮被单击后，这些颜色是预先定义好的，如果你想可以设置更多的颜色，要调用一段javascript函数，这个函数获得用户在下拉列表里选择的值

下拉列表用来让用户选择预先设定好的数据。

第一个是字号，尺寸在1（10pt）到7（22pt）之间。这个按钮被单击后，要调用一段javascript函数。这个函数获得用户在下拉列表里选择的值，然后作为第三个参数发送给execCommand。第一个参数是“FontSize”，用来执行设置文字大小的命令。注意，下拉列表中的字号大小是预先在用户控件中的HTML代码里定义好的。

列表14

function ChangeFont()
{
　　var fontSize = document.getElementById('FontDropDownonchange');
　　document.frames['HamHtmlEditor1_content'].document.execCommand('FontSize',0,fontSize.options[fontSize.selectedIndex].text);
　　document.frames['HamHtmlEditor1_content'].focus();
}

接下来这段代码用来改变字体。第一个参数是“FontName”，用来执行设置文字字体的命令，第二个参数是false或者0，第三个参数是用户所选择的文字。

列表15

function ChangeFontName()
{
　　var fontName = document.getElementById("FontFamilyName");
　　document.frames['HamHtmlEditor1_content'].document.execCommand('FontName',false,fontName.options[fontName.selectedIndex].text);
　　document.frames['HamHtmlEditor1_content'].focus();
}

第三个下来列表用来选择所选文字的颜色。这些颜色是预先定义好的，如果你想可以设置更多的颜色，请修改相关的HTML代码。

列表16

function ChangeFontColor()
{
　　var fontColor = document.getElementById("Color");
　　document.frames['HamHtmlEditor1_content'].document.execCommand('ForeColor',false,fontColor.options[fontColor.selectedIndex].text);
　　document.frames['HamHtmlEditor1_content'].focus();
}