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

为了使用户能够输入文字，你必须在控件被使用的时候，将其设置为“设计模式”

列表1

onload="document.frames['HamHtmlEditor1_content'].document.designMode='on'"

请下载这个项目以知道如何正确的创建所有的HTML标记

图1

javascript文件

这部分我们将写一些处理用户事件的函数。首先，我们将定义一些全局变量，其中每一个变量都有自己的功能，但最多的是用来存储图标在被单击之前或者默认的值—“No”。只有一个变量有另一个功能，这个变量是sourceText，它用来存储用户输入的文本。

列表2

var sourceText= '';
var imgStatusBold = 'No';
var imgStatusItalic = 'No';
var imgStatusUnderLine = 'No';
var imgStatusLeft = 'No';
var imgStatusCenter = 'No';
var imgStatusRight = 'No';
var imgStatusRemoveF= 'No';
var imgStatusWCount = 'No';
var imgStatusInsertL = 'No';

基于上面这些变量的值，当用户点击了1个图标，将检查相关的变量是否是“Yes”，它用来指明相关的图标并不是第一次加载时的图标。当用户控件全部加载完毕，我们将立即设置这些图标为他们的初始状态，当我们需要改变图标状态的时候，如果原来的值为“No”，就把它变为“Yes”。