CKEditor 實作 Asp.net

CKEditor是一個免費又好用的編輯工具,要如何將CKEditor套用到網頁上面?

CKEditor是一個免費又好用的編輯工具,

要如何將CKEditor套用到網頁上面?

首先可以先到CKEditor的官網下載最新版本(目前最新版本是ckeditor_3.6.3版。)

http://ckeditor.com/download

但是,下載完後放到網站內,好像缺少了什麼?

沒錯!!就是Asp.net需要的dll檔,

因此,還需要再下載 ckeditor_aspnet_3.6.2 給Asp.net的版本。

(如果以目前發佈的版本來看,一定要下載ckeditor_3.6.3ckeditor_aspnet_3.6.2)

都下載完成之後就可以開始依照下面步驟來完成。

註:我是使用 Microsoft Visual Studio 2010

 

第一:將CKEditor安裝到網站

1. 先將ckeditor_3.6.3整個資料夾放到網站資料夾裡面。

2. 將下載ckeditor_aspnet_3.6.2裡面的bin資料夾放到ckeditor資料夾裡面(只需要bin資料夾和裡面的dll檔)。

 

第二:在網站加入CKEditor的dll參考

  1. 對網站案右鍵之後,按下「加入參考」。

 

   2. 加入參考>>瀏覽>>找到ckeditor資料夾>>找到bin資料夾>>找到Release資料夾>>CKEditor.NET.dll>>確定。

 

 3. 確定是否有加入參考到網站的Bin資料夾內。

 

第三:在VS 2010的工具箱 加入CKEditor控制項

  1. 在工具列按右鍵>>選擇項目。

 

 2. 在 .NET Framework元件  按下 瀏覽>>找到ckeditor裡面bin資料夾內的dll檔,按下 開起舊檔。

 

 3. 確定 CKEditorControl在 .NET Framework元件內是打勾的,然後按下確定。

  4. 在工具箱裡面,就可以看得到 CKEditorControl 控制項。

 

第四:開始實作

1. 開啟aspx網頁,用拖拉的方式將CKEditorControl 控制項拉到要使用CKEditor的網頁內。

 

2. 如何取得CKEditor的內容?   與使用控制項的方式一樣,只要輸入 CKEditorControl1.Text 就可以獲得裡面的文字。

 

 

參考或是複製語法時,別忘了留個言喔 ^ ^ ~