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

核心提示： 上面这段代码的功能是使用户输入的文字加粗的，当用户点击了加粗按钮，开发一个自己的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;
}