天天看點

AjaxControlToolkit--HtmlEditor

     HtmlEditor在AjaxControlToolkit的上個版本中就已經提供了,屬于一個功能比較簡單的Html線上編輯器,雖說功能不多,不過對隻需要基礎的應用差不多已經足夠了。

       使用HtmlEditor很簡單,隻要在頁面上注冊了AjaxControlToolkit,先望頁面裡拖個拖個ScriptManager進去,再從工具箱裡把Editor拖出來就行了(前提是已添加了AjaxControlToolkit的引用,并将所包含的控件放到了工具箱)

       上個圖看下效果:

<a href="http://images.cnblogs.com/cnblogs_com/sun8134/WindowsLiveWriter/AjaxControlToolkitHtmlEditor_CBC4/image_2.png"></a>

       挺傻瓜化的吧。

       其實HtmlEditor的最大好處是我們可以友善的自己定義在HTML編輯器上所需要的功能。

       下面讓我們先來添加一個類:myeditor.cs

       在其中添加三個引用命名空間:

       然後添加自己的命名空間(這裡就叫myhtmleditor吧),然後添加一個類(這裡我們叫myeditor吧)繼承自Editor

       然後我們重寫兩個事件FillTopToolbar和FillBottomToolbar就可以定制我們自己想要的HtmlEditor了

      其中FillTopToolbar是HtmlEditor上方的菜單,FillBottomToolbar是HtmlEditor下方的菜單

      可以設定的有:

       上面這些不論寫在FillTopToolbar還是FillBottomToolbar都行,甚至兩個一起寫也可以(估計沒這麼BT的吧...)

       不過一般習慣上還是FillTopToolbar裡寫編輯菜單,FillBottomToolbar裡面放視圖模式...

       已經自定義好了編輯器,下面我們就要在頁面裡使用它了,打開我們的頁面,在頁面上注冊我們鋼材建立的命名空間,再在頁面裡添加就可以了

       恩,最後上圖看下效果(我這裡把菜單全加上了,可以根據自己需要選擇有用的菜單就可以了)

<a href="http://images.cnblogs.com/cnblogs_com/sun8134/WindowsLiveWriter/AjaxControlToolkitHtmlEditor_CBC4/image_4.png"></a>

就寫這些吧,有什麼不對的地方望大家指出。

本文轉自 sun8134 部落格園部落格,原文連結:  http://www.cnblogs.com/sun8134/archive/2009/10/14/1583240.html ,如需轉載請自行聯系原作者

繼續閱讀