上一章講解了利用CKEditor實現了一個簡單的列表功能的查詢,CKEditor編輯器是由js實現的,js是一門很是強大的語法,可是要用它實現Vs開發工具那樣強大編輯器的功能,估計不可能,這就使得CKEditor實現簡單增刪改查還能夠,若是要實現複雜功能和樣式展現效果會很難,因此我利用vs開發工具的集成組件,將CKEditor的開發與vs開發能夠無縫對接,實現複雜的功能咱們能夠拷貝下來,放置vs開發工具中,而後編碼實現各類功能。數據庫
Vs開發工具集成組件,首先去網站下載WebControlLibrary.dll而後添加到vs工具箱,以下圖:網絡
與CKEditor的工具條控件對應,以下圖編輯器
下面是利用vs開發工具開發一個列表頁面動態圖:工具
在vs工具中,新建一個頁面,而後拖拽對應控件,編碼,完成後複製到CKEditor在線編碼界面點擊肯定,而後點擊預覽就能夠進行預覽,進行最終的展現效果。反之也能夠從CKEditor編輯器中將代碼複製到vs開發頁面中,而後進行編碼,從而實現各類功能。開發工具
不知道你們有沒有看出來,這裏的控件屬性設置頁面都是網頁,這樣設置的好處有:網站
(1)和CKEditor編輯器控件操做保持了一致,減小了對控件屬性熟悉的時間。編碼
(2)能夠不用鏈接數據庫,只要能鏈接網絡,有安裝vs開發工具就能夠進行本地開發,而後複製到CKEditor編輯器中,便可以實如今線Web開發。blog
(3)這裏的控件屬性頁面能夠一次性設置控件全部的屬性,而不像vs其餘組件同樣須要分別每一個屬性去設置。開發
(4)網頁版控件設置屬性能夠最大化支持屬性提醒和自動化完成。it