FreeTextBox實現機制

  剛開始試用FTB2.0的時候，感覺FTB真的很神，居然可以在網頁狀態實現編輯過程的What you see is what you get。看完FTB的文件（其實也不是很多的東西，估計就是用個NDOC或者什麼類似的工具生成的SDK文件）又仔細試做了幾個程式，覺得FTB的實現思路不復雜，但十分巧妙。它通過FTB這個中間部件將客戶端（瀏覽器）的程式（javascript程式碼）和後臺程式（C#寫的aspx等ASP.NET程式碼）緊密結合，從而實現了這種所見即所得的效果。

FTB的結構主要有三個名稱空間組成：
FreeTextBoxControls，FreeTextBoxControls.Design和FreeTextBoxControls.Support。

       使用得最多的是FreeTextBoxControls，基本上用到的介面部件都來自於這裡，例如ToolBar上每個功能Button可以在這裡找到對映，而每個Button又對應著javascrip中的一個函式功能。

例如：下劃線這個功能，有個Underline的類（繼承於ToolbarButton）實現，而這個類實際呼叫客戶端的一段javascript程式碼FTB_Underline（在FreeTextBox-ToolbarItemsSrcipt.js中）。

        如果再深究下去，仔細跟蹤下這段js的程式碼又可以它呼叫FTB_Format這段程式碼（在FreeTextBox-MainScript.js中）。

它正是通過document的execCommand方法來實現效果的，查MSDN文擋可以發現它對應執行的正是Underline的命令引數。

execCommand可以執行的命令引數：

       基本上每個命令引數都可以在FTB的FreeTextBoxControls中找到對應的實現類，如果覺得有些沒有實現，自己參照已經實現的功能來增加也十分簡單和方便。

        FTB還提供了公開的介面，例如繼承於ToolbarButton可以實現對應的工具按鈕，繼承於ToolbarDropDownList則實現下拉式選擇（如選擇字型那種），對應javascript的方法只須傳遞對應的方法名字串給類即可，自己寫的javascript可以放在js中，也可以放在ScriptBlock的字串引數裡面，前者前端檢視原始碼看不到，後者則將整個函式原始碼傳回，一切都十分公開和方便。
        這種思路是否也和ASP.NET的思路類似？
        由於javascript可以被多種瀏覽器支援（估計有些小相容問題，可以通過javascript來相容），因此FTB可以在多種環境下正常工作。現在用的這個blog系統（.Text）也用了FTB，但版本是1.6.3.26037（漢化版），有興趣可以在發表文章的地方檢視網頁原始碼看看，就會發現好多的FTB_XXX的javascript函式。這些在2.0已經全部集中放到FreeTextBox-ToolbarItemsSrcipt.js和FreeTextBox-MainScript.js中了，應該說這樣比較歸一些。

        如果擔心FTB的免費協議對商業用途有些影響的話，自己根據這個思路來開發一個適合自己產品用的所見即所得編輯器控制元件應該也不是難事。

來自 “ ITPUB部落格 ” ，連結：http://blog.itpub.net/12639172/viewspace-157107/，如需轉載，請註明出處，否則將追究法律責任。