Hubert的部落格

此次介紹CKEditor3.X之使用方式，於官網交代得很清楚怎麼實作，還是附上簡單教學

官網點我

分為兩種方式介紹，.net及Javascript模式，如下

1. .NET方式

請於官網下載檔案，點我下載，載完後解完壓縮後請做兩個動作

1.\ckeditor_aspnet_3.6.2\bin\Release\CKEditor.NET.dll參考至專案

2.\ckeditor_aspnet_3.6.2\_Samples\ckeditor整個資料夾拉至專案內

如為使用master之情況，可以偷懶至web.config於<system.web></system.web>加入

<pages>
<controls>
<add tagPrefix="CKEditor" assembly="CKEditor.NET" namespace="CKEditor.NET"/>
</controls>
</pages>

如想單頁使用則於使用頁面加入此行

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

之後在掛上下面語法即可

<CKEditor:CKEditorControl ID="FCKeditor1" runat="server" Height="400px" Width="99%" ></CKEditor:CKEditorControl>

2.Javascript方式

於官網下載簡單包即可，點我下載解壓縮完整包丟進去專案

開啟欲使用網頁加入下列程式碼 :

<script type="text/javascript" src="ckeditor/ckeditor.js"></script>

方法一 : 

<textarea id="Content1" rows="10" cols="80" class="ckeditor"></textarea>

方法二 :

<script type="text/javascript">

CKEDITOR.replace（"Content1"）;

</script>

<textarea id="Content1" rows="10" cols="80" ></textarea>

優缺點及相關細項設定請點我