1. 程式人生 > >ASP.NET常用線上編輯器使用方法總結(二)

ASP.NET常用線上編輯器使用方法總結(二)

嗯,本來只是想把常用的兩款感覺效果還不錯的線上編輯器給總結下,但是沒想到大家對此的反應還挺強烈的,那我就再總結兩款用的比較不錯的編譯器吧。

在上一篇文章的結尾有提到這款編譯器,個人覺得是使用者體驗最好的線上編譯器。先上個圖:

這個也就是我們新浪部落格用的釋出文章的那款編譯器。好了馬上進入正題。

1、我把壓縮包給精簡了下,開啟之後你可以看到如下的檔案:

2、把這些檔案直接新增到專案的根目錄下(如果是其他的目錄,在下邊的引用中要注意修改引用路徑)如圖:

3、在使用該控制元件頁,做如下處理:

<asp:HiddenField ID="content" runat="server" />

 <iframe id="myiframe" 

    src="Edit/editor.htm?id=content&ReadCookie=0" 

frameborder="0" scrolling="no" width="621" height="457"></iframe>

如圖:

這樣就可以完成了SinaEditor的線上編輯的配置。需要解釋的我們新增的upload資料夾是用來儲存上傳的檔案的,如果我們沒有把Edit資料夾放在根目錄下,則在上邊<iframe>src屬性中修改引用的路徑,id為呼叫引數(小寫),即隱藏的內容表單項id

ReadCookie設定是否讀取上次未提交的資料,1為開啟,0為關閉(注意大小寫),如果我們需要獲取編輯的內容,則在aspx.cs頁直接content.value即可。如果我們需要修改檔案的儲存路徑則需要在找到目錄下的Edit/editor/upload.aspx檔案修改你要上傳圖片所儲存的路徑,裡面有詳細的註釋。同時我會附錄一個使用的說明文件,希望可以對大家有所幫助。

二、KindEditor

這也是一個比較強大的線上的編輯器,最特色的地方是它可以支援線上地圖。本來準備打算自己寫的,但是無意中看到有的網友已經總結過了,所以,這裡就不再總結了,如果大家對KindEditor感興趣的話可以看這篇文章。

如果要下載壓縮包的話,可以到Kindeditor官網下載各種版本的都有。Kindeditor官網http://www.kindsoft.net/

好了,這一篇算是對上一篇的補充吧,關於線上編輯器,其實真的還有很多的,可能每個人用的都不一樣,所以,見仁見智。希望對大家有所幫助吧。