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 ,如需轉載請自行聯系原作者