最近正在研究開發一款在線web編輯器架構,這是一款真正傻瓜式的web編輯器,可以在正常瀏覽頁面的情況進行編輯,經過測試,對於一般網頁頁面來說非常好用方便,操作更簡單。
一般的在線web編輯器雖說提供了可視化操作,但通常只能用於編輯指動態內容部份,如內容文章,對於那些非常復雜的內容發布系統的頁面模板,基本是沒用的。絕大部份系統對於專業人員來說,操作起來也是比較困難的,對於非專業人員,根本操作不了,非專業人員想管理一個個人網站,如比較簡單的個人博客,想修改模板或模板的部分內容,絕大部份人都是無法辦到的,只能發發文章,甚至改個博客名稱之類的都難弄。為什么就不能直接在頁面上修改呢?前陣子突然產生了這樣的想法,於是着手研究開發了一下,發現是可行的,對於一般的系統或者配套系統來說非常實用,以下以測試系統為例簡單介紹下,下面是創建工程時vs自帶的頁面,頁面是加上了我設計的在線編輯器框架的,后面我會編輯一下.
我的框架經過封裝成控件,引用很簡單,只需在頁面上加上,如我的工程引用如下:
<easy:OnLineWebEditor ID="OnLineWebEditor2" runat="server" /> 或者在頁面相關程序里new一下對象
protected void Page_Load(object sender, EventArgs e)
{
new OnLineWebEditor();
}
以上都可以加載這個框架。下面是原來頁面樣子。

在正常瀏覽情況下,點擊一個想修改的區域,變成這樣的界面:

變成這個界面后就可以直接修改或輸入文字內容了,保存后瀏覽時會跟編輯時一樣的,也可以打開源代碼進行編輯:


上面是編輯table區域的,其實區域如<p>是下面這樣子的:

編輯后一路點”完成“即可保存,也可以取消。

上面編輯時與下面編輯后瀏覽時效果一樣

還可以這樣

保存后

與編輯時所見一模一樣,真正的可見既可得的模式。
還可以點擊編輯區域的邊框,顯示出如下的小方形時可進行拖拉操作,如下面的table

由於現在這框架還沒有完成,還有很多功能沒有做出來,比如編輯框上的“樣式” ,這個樣式是用於編輯所選編輯區域的樣式的,將可以編輯邊框、背景等,還會支持插入圖片、設置背景圖等,完成后將可以實現各種功能。
而以這種編輯框架設計的網站,系統的管理將會與現流行的系統有很多區別,本人已經設想了幾個方案,打算開發一款超簡單的小網站系統,其中編輯將變的非常簡單、傻瓜化,實現小學生都能使用易用性,但卻能將網站的頁面設計翻來覆去進行大修改。
ps:
謝謝你們的留言,發現大部份人都沒搞清楚我這編輯器與現流行的編輯器的區別,要么跟那主流編輯器比較,要么跟一個系統比較,大部分人可能都沒注意到這是可以用於編輯動態頁面的,而且是在瀏覽頁面的情況下編輯的,有說過時的,其實現在都還沒有一個很完整的解決方案。如果要比較,我覺的把這跟webparts功能比較還比較靠譜一點,就是都可以在瀏覽使用的情況下對頁面內容進行編輯。
