ASP.NET+AJAX簡單的文體編輯器

前言:
    這裡一個基於AJAX的簡單的文體編輯器,主要是利用了AJAX不重新整理這個來做,功能上很簡單沒有什麼技術性的東西在裡,

在這裡希望能夠初學習一點協助,同時也我自己也提高和鞏固了以前學過的東西；

目錄：
                運行結果瀏覽

        代碼講解

        注意事項
        原始碼下載

        總結

                                第一節       運行結果瀏覽

初始頁面

字型，顏色，字型大小瀏覽頁面

加粗，底線瀏覽頁面

                                                                        第二節       代碼講解

    我在代碼講解之前，我們還得做一些事，從工具箱中把ScriptManager和一個UpdatePanel，最後我們只管向UpdatePanel中拉我們想要的控制項就OK了，這裡我就不在詳細說明，敬請諒解。
    在我們所有伺服器控制項都必須把它們的AutoPostBack=true，因為這個要回傳；

這下就來看代碼吧

1.得到字系統字型的代碼：

 /**//// <summary>
    /// 得到系統中的所有字型
    /// </summary>
    public void FontList()
    {
        System.Drawing.Text.InstalledFontCollection font = new System.Drawing.Text.InstalledFontCollection();
        System.Drawing.FontFamily[] fontFamily =font.Families;
        foreach (FontFamily list in fontFamily)
        {
            DropDownList1.Items.Add(list.Name.ToString());
        }
    }

這裡也沒有什麼好說的，就是利用了System.Drawing.Test.installedFontCollection這個類，下來可以對這個類作進一步的研究

2.添加字型大小代碼

/**//// <summary>
    /// 得到字型的大小
    /// </summary>
    public void getSize()
    {
        for (int i = 1; i < 70;i++ )
            DropDownList2.Items.Add(i.ToString());
        
    }

這裡很簡單就是一個FOR迴圈向DropDownList中添加資料就OK了

3.顏色代碼

/**//// <summary>
    /// 得到字型顏色
    /// </summary>
    public void getColor()
    {
        
        DropDownList3.Items.Add("Color.AliceBlue");
        DropDownList3.Items.Add("Color.Blue");
        DropDownList3.Items.Add("Color.Yellow");
   
    }

4.下面的代碼是他們事件代碼：

 protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e)
    {
        TextBox4.Font.Name = DropDownList1.SelectedItem.Value;
    }
    protected void DropDownList3_SelectedIndexChanged(object sender, EventArgs e)
    {
        TextBox4.ForeColor = Color.Brown;
    }
    protected void DropDownList2_SelectedIndexChanged(object sender, EventArgs e)
    {
        TextBox4.Font.Size = FontUnit.Parse(DropDownList2.SelectedItem.Value);
    }
    protected void chkBold_CheckedChanged(object sender, EventArgs e)
    {
        TextBox4.Font.Bold = chkBold.Checked ? true : false;
    }
    protected void chkUnderline_CheckedChanged(object sender, EventArgs e)
    {
        TextBox4.Font.Underline = chkUnderline.Checked?true: false;
    }
    protected void chkStrikOut_CheckedChanged(object sender, EventArgs e)
    {
        TextBox4.Font.Strikeout = chkStrikOut.Checked ? true : false;
    }

這分別對所有到的DropDownList，CheckBox添加事件，每一個東西它應該做什麼就行了，沒有說的啊

代碼就這麼多很少吧

                                                                    第三節       注意事項

    1.如果你在做這個時候代碼也沒有什麼問題，就是頁面還在重新整理，這個時候你就發現在你的瀏覽器的左下角有一個提示找不到SYS，這個是AJAX有的東西沒有找到，

我們可以在你安裝AJAX的目錄下找到web.config檔案，把這個檔案下的

 <httpHandlers>
      <remove verb="*" path="*.asmx"/>
      <add verb="*" path="*.asmx" validate="false" type="System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"/>
      <add verb="*" path="*_AppService.axd" validate="false" type="System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"/>
      <add verb="GET,HEAD" path="ScriptResource.axd" type="System.Web.Handlers.ScriptResourceHandler, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" validate="false"/>
    </httpHandlers>

拷在你的網站下的web.config檔案下的<system.web>節點下就OK了

    2.必須把所有的ASP.NET的伺服器控制項設為自動回傳；

                                                                 第四節          原始碼下載

在這裡對給初學者提供了一個原始碼下載的地址，希望能對你們有所協助
/Files/caodaiming/Web.rar

                                                                 第五節         總結

    其實這個DEMO沒有什麼意思，非常的簡單沒有什麼實用價值，在這裡我最主要的是想給初者一點協助，幫你們對於AJAX的一個瞭解，同時也希望你對自己的學習有信心，同時也是對自己的一個很好的提高

    沒有什麼新的東西，希望得到大家對我的支援，我會在以後的時間雷根據大家的要求寫出更多的新文章

謝謝大家