CKEditor 教學

摘要:CKEditor 教學

其實小馬在coding之外偶爾對於一些輔助型的小工具來挺有興趣的,

這些資源在網路上都有,有時善用這些工具其實對於整個開發過程

的幫助也多的。 這邊介紹的CKEditor,其實大家對這個套件都不陌

生啦 ! 使用方法如下

 

首先先到官方下載(http://ckeditor.com/download)

FCKEditor.NET

1.解壓縮後在 bin\Release下的CKEditor.NET.dll複製到我們自己的專案bin目錄下

如果沒有bin目錄,自行新增即可,之後加入參考,瀏覽選擇這顆dll即可開始使用。

 

我們來看看官方怎麼說

這份文件說的很明白,我們如果想在單一頁面使用的話需要註冊這段至我們的頁面

<%@Register Assembly="CKEditor.NET" Namespace="CKEditor.NET" TagPrefix="CKEditor"%>

又或者我們可以註冊在web.config中,提供多頁面使用,放在<system.web><pages><controls>區間

這樣可以可省去註冊要頁面的動作。

 

接下來我們將

<CKEditor:CKEditorControl ID="CKEditor1" BasePath="~/ckeditor" runat="server"></CKEditor:CKEditorControl>

貼至頁面中,這邊注意一下 "BasePath",因此我們將解壓縮的檔案中的ckeditor目錄複製下來,

貼到我們自己的專案下路徑對應到就可以使用了,畫面如下。

 

而大家最關心怎麼取得CKEdit內的值,在後端用 CKEdit的text屬性就可以取得內容了。

另外一個大家關心的是,如何客制我們的Toolbar功能開放或關閉,官方這邊也說了。

 

 

在page load自行去設定,就可以自行客制了,由這份文件看來 C#還是主流啊 !

另外要說CKEdit的製作者,真是佛心來的啊 ! 有這麼多的軟體人努力才有了這

麼多的資源使用參考。

 

另外,如果想要更詳細了解的人,小馬建議自行下載範例學習,這邊只能算是

脫褲子放屁,方便比較懶惰的人參考基本使用方式而已。