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

当单击“删除格式”按钮后，我们调用一个javascript函数，发送命令“RemoveFormat”给execCommand用来删除选中文本的格式。

如果想删除某些已经有格式的文本的格式，这个功能将是非常有用的。

列表8

function RemoveFormating()
{　　
　　document.frames['HamHtmlEditor1_content'].document.execCommand('RemoveFormat');
　　document.frames['HamHtmlEditor1_content'].focus();
}

“撤销”和“重做”功能与上面这段javascript类似。给execCommand发送“undo”或“redo”将执行撤销和重做功能。需要一个参数来指明命令的名字。

列表9

function Formats (style)
{
　　document.frames['HamHtmlEditor1_content'].document.execCommand(style);
　　document.frames['HamHtmlEditor1_content'].focus();
}

当用户单击“插入符号”按钮，我们将在该按钮之后显示第3个层来出示所有符号图片。我们使用javascript来做这件事。

列表10

function ShowDiv(images)
{
　　var div = document.getElementById(images);
　　if(div.style.display == 'block')
　　　　div.style.display = 'none';
　　else
　　　　div.style.display = 'block';
}

图2：用户单击“插入符号”后，编辑器的外观