真正在線編輯的在線web編輯器

   最近正在研究開發一款在線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功能比較還比較靠譜一點，就是均可以在瀏覽使用的狀況下對頁面內容進行編輯。