ASP.NET+AJAX简单的文体编辑器
前言:
????這里一個(gè)基于AJAX的簡(jiǎn)單的文體編輯器,主要是利用了AJAX不刷新這個(gè)來(lái)做,功能上很簡(jiǎn)單沒(méi)有什么技術(shù)性的東西在里,
在這里希望能夠初學(xué)習(xí)一點(diǎn)幫助,同時(shí)也我自己也提高和鞏固了以前學(xué)過(guò)的東西;
目錄:
????????????????運(yùn)行結(jié)果瀏覽
????????代碼講解
????????注意事項(xiàng)
????????源代碼下載
????????總結(jié)
????????????????????????????????第一節(jié)?????? 運(yùn)行結(jié)果瀏覽
初始頁(yè)面
字體,顏色,字號(hào)瀏覽頁(yè)面
加粗,下劃線瀏覽頁(yè)面
????????????????????????????????????????????????????????????????????????第二節(jié)?????? 代碼講解
????我在代碼講解之前,我們還得做一些事,從工具箱中把ScriptManager和一個(gè)UpdatePanel,最后我們只管向UpdatePanel中拉我們想要的控件就OK了,這里我就不在詳細(xì)說(shuō)明,敬請(qǐng)諒解。
????在我們所有服務(wù)器控件都必須把它們的AutoPostBack=true,因?yàn)檫@個(gè)要回傳;
這下就來(lái)看代碼吧
1.得到字系統(tǒng)字體的代碼:
????///?得到系統(tǒng)中的所有字體
????///?</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());
????????}
????} 這里也沒(méi)有什么好說(shuō)的,就是利用了System.Drawing.Test.installedFontCollection這個(gè)類,下來(lái)可以對(duì)這個(gè)類作進(jìn)一步的研究
2.添加字號(hào)代碼
/**////?<summary>????///?得到字體的大小
????///?</summary>
????public?void?getSize()
????{
????????for?(int?i?=?1;?i?<?70;i++?)
????????????DropDownList2.Items.Add(i.ToString());
????????
????} 這里很簡(jiǎn)單就是一個(gè)FOR循環(huán)向DropDownList中添加數(shù)據(jù)就OK了
3.顏色代碼
/**////?<summary>????///?得到字體顏色
????///?</summary>
????public?void?getColor()
????{
????????
????????DropDownList3.Items.Add("Color.AliceBlue");
????????DropDownList3.Items.Add("Color.Blue");
????????DropDownList3.Items.Add("Color.Yellow");
???
????}
4.下面的代碼是他們事件代碼:
????{
????????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;
????} 這分別對(duì)所有到的DropDownList,CheckBox添加事件,每一個(gè)東西它應(yīng)該做什么就行了,沒(méi)有說(shuō)的啊
代碼就這么多很少吧
????????????????????????????????????????????????????????????????????第三節(jié)?????? 注意事項(xiàng)
????1.如果你在做這個(gè)時(shí)候代碼也沒(méi)有什么問(wèn)題,就是頁(yè)面還在刷新,這個(gè)時(shí)候你就發(fā)現(xiàn)在你的瀏覽器的左下角有一個(gè)提示找不到SYS,這個(gè)是AJAX有的東西沒(méi)有找到,
我們可以在你安裝AJAX的目錄下找到web.config文件,把這個(gè)文件下的
?<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> 拷在你的站點(diǎn)下的web.config文件下的<system.web>節(jié)點(diǎn)下就OK了
????2.必須把所有的ASP.NET的服務(wù)器控件設(shè)為自動(dòng)回傳;
?????????????????????????????????????????????????????????????????第四節(jié)????????? 源代碼下載
在這里對(duì)給初學(xué)者提供了一個(gè)源代碼下載的地址,希望能對(duì)你們有所幫助
/Files/caodaiming/Web.rar
?????????????????????????????????????????????????????????????????第五節(jié)?????????總結(jié)
????其實(shí)這個(gè)DEMO沒(méi)有什么意思,非常的簡(jiǎn)單沒(méi)有什么實(shí)用價(jià)值,在這里我最主要的是想給初者一點(diǎn)幫助,幫你們對(duì)于AJAX的一個(gè)了解,同時(shí)也希望你對(duì)自己的學(xué)習(xí)有信心,同時(shí)也是對(duì)自己的一個(gè)很好的提高
????沒(méi)有什么新的東西,希望得到大家對(duì)我的支持,我會(huì)在以后的時(shí)間里根據(jù)大家的要求寫(xiě)出更多的新文章
謝謝大家
?
總結(jié)
以上是生活随笔為你收集整理的ASP.NET+AJAX简单的文体编辑器的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: 做梦梦到吃串串是什么意思
- 下一篇: 梦到蛇是什么意思还被蛇咬了