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

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

 2010-09-14 13:25:26 来源:WEB开发网   
核心提示: 上面这段代码的功能是使用户输入的文字加粗的,当用户点击了加粗按钮,开发一个自己的HTML在线编辑器(一)(4),我们要改变这个按钮的状态,设置相关的全局变量为“Yes”,如果不是零则计数变量加1,计数完后,意思是该按钮已被选中,每次用户单击按钮

上面这段代码的功能是使用户输入的文字加粗的。当用户点击了加粗按钮,我们要改变这个按钮的状态。设置相关的全局变量为“Yes”,意思是该按钮已被选中。每次用户单击按钮,我们都要检查相关的变量,来确定之前按钮是否是被选中的状态,然后我们给选中的文字加粗。它需要两个参数,第一个用来存储鼠标经过时加粗按钮的图标路径,第二个用来存储正常加粗按钮的路径。相同的语法也在,斜体和下划线中适用。

对文字进行排列,我们使用与MakeBold()相似的函数,但是,3个排列功能的按钮只能有一个是被选中状态,其它两个要变为初始的未被选中的状态。

为了完成上面指出的那个execCommand命令,请参考

http://www.course.com/downloads/newperspectives/crweb3/documents/dhtml_t02.html

现在我们创建一个计算用户输入的单词数的函数。定义一个变量,默认值为0。在定义另一个变量用来存储用户输入的文本,我们将拆开这个变量,并且将拆开的结果保存到一个数组中,然后检查数组内每个元素的长度,如果是零则不计数,如果不是零则计数变量加1。计数完后,我们把该值赋给用于显示计数的文本框。

列表7

var wordCount = document.frames['HamHtmlEditor1_content'].document.body.innerText;
var count = 0;
countWithSpace = wordCount.replace('n', '');
countWithoutSpaces = countWithSpace.split(' ');
for(i=0;i<countWithoutSpaces.length;i++)
{
  if(countWithoutSpaces[i].length>0)
  {
    count +=1;
  }
  window.parent.document.getElementById('HamHtmlEditor1_TxtCount').value = count;
}

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

Tags:开发 一个 自己

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接