[HTML编辑器]C#编写的HTML编辑器：原理篇-CFANZ编程社区

一开始就觉得HTML编辑器这玩意应该是很高深莫测的。随随便便就想整一个应该不是一件容易的事情。后来对WebBrowser控件有了一些了解，不过都是很肤浅的了解。只知道用这个控件就能够在自己的程序中搞一个WEB浏览器之类的东西，从来没有想过HTML编辑器也可以使用这个控件来实现。也就是说这个WebBrowser控件不仅仅能够用来显示HTML文档，而且也可以用来编辑HTML文档。当然了，这些功能微软已经都提供给我们了。所需要做的就是按照那个规则去编写自己的代码了。我想HTML编辑器的实现方式不应该只有这一种，只是咱不会就是了！^_^

先来看看我自己实现的这个小软件，界面如下图：

[HTML编辑器]C#编写的HTML编辑器：原理篇_html

超级简单的小软件吧！

那个【文字下拉列表】是用来修改字体的，【加粗】按钮是用来将字体加粗，或者让其减肥的，【下划线】按钮则是为选中的文字加减下划线的。最后那个【显示源码】按钮主要是为了看看修改之前和修改之后的HTML源码都做了那些改变。其他就没什么了。

下方的那块大的空白区域，就是WebBrowser控件了，既是用来显示HTML文档，也是用来编辑HTML文档的，在这里只用作编辑器。

接着来看源代码吧……

默认情况下，WebBrowser并没有处于编辑模式，所以还不能对其文档进行编辑处理的。为了使其处于编辑状态，可以在窗体加载事件的方法中添加如下代码：

private void MainForm_Load(object sender, EventArgs e)

{

this.webBrowser.DocumentText = string.Empty;

this.webBrowser.Document.ExecCommand("EditMode", false, null);

this.webBrowser.Document.ExecCommand("LiveResize", false, null); }

特别注意那个绿粗线画的部分(EditMode)，这是关键点。不过似乎也不要忽略了为DocumentText赋值，不要让这个值为null，否则的话连Document也null了，到时想要执行ExecCommand这个方法那是不成的。这点是在我编写代码的时候无意发现的，它给我异常了。

有了上面这段代码，然后就会发现WebBrowser可以进行编辑了，开始有点像TextBox了，能够输入文字之类的东西了。

至于如何从系统中获取所有的字体，并且将它添加到下拉列表中等等之类的代码就自己去看吧。接下来要看的是如何修改文档。先阅读下面的代码：

private void BoldButton_Click(object sender, EventArgs e)

{

this.webBrowser.Document.ExecCommand("Bold", false, null);

}

这段代码是那个【加粗】按钮的Click事件处理代码。其中使用了Document对象的ExecCommand方法。第一个参数指定了要设置Bold，也就是字体的粗细。第三个参数是用来为第一个参数指定的属性设置的值。Bold不需要这个参数值，所以为null。有些属性需要这个值，比如FontName，在这个参数中就需要指定字体。具体细节参考MSDN。

说到这里，基本上也就明白是怎么回事了。

那么可以设置的属性都有那些呢？可以去这个网站自行查看：

http://msdn.microsoft.com/en-us/library/ms533049(VS.85).aspx

有很多很多的！^_^

最后将完整代码附上：

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Linq;
using System.Text;
using System.Windows.Forms;

namespace HtmlEditor
{
    public partial class MainForm : Form
    {
        public MainForm()
        {
            InitializeComponent();
        }

        private void MainForm_Load(object sender, EventArgs e)
        {
            this.webBrowser.DocumentText = string.Empty;
            this.webBrowser.Document.ExecCommand("EditMode", false, null);
            this.webBrowser.Document.ExecCommand("LiveResize", false, null);

            foreach (FontFamily font in FontFamily.Families)
            {
                this.FontNamesComboBox.Items.Add(font.Name);
            }
        }

        private void BoldButton_Click(object sender, EventArgs e)
        {
            this.webBrowser.Document.ExecCommand("Bold", false, null);
        }

        private void ShowHtmlSourceButton_Click(object sender, EventArgs e)
        {
            MessageBox.Show(this.webBrowser.DocumentText);
        }

        private void FontNamesComboBox_SelectedIndexChanged(object sender, EventArgs e)
        {
            this.webBrowser.Document.ExecCommand("FontName", false,
                this.FontNamesComboBox.Text);
        }

        private void UnderlineButton_Click(object sender, EventArgs e)
        {
            this.webBrowser.Document.ExecCommand("Underline", false, null);
        }
    }
}