开发学院网页设计JavaScript 开发一个自己的HTML在线编辑器(一) 阅读

开发一个自己的HTML在线编辑器(一)

 2010-09-14 13:25:26 来源:WEB开发网   
核心提示: 下拉列表用来让用户选择预先设定好的数据,第一个是字号,开发一个自己的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();
}

上一页  2 3 4 5 6 7 8 9  下一页

Tags:开发 一个 自己

编辑录入:爽爽 [复制链接] [打 印]
[]
  • 好
  • 好的评价 如果觉得好,就请您
      0%(0)
  • 差
  • 差的评价 如果觉得差,就请您
      0%(0)
赞助商链接