下載

1.??????將這兩個文件夾拷到網站根目錄（可以刪掉兩個文件夾下的_sample示例和_source源碼）

2.??????在head標簽中加入

<script language="javascript" type="text/javascript" src='<%=ResolveUrl("~/ckeditor/ckeditor.js")%>'></script> <script language="javascript" type="text/javascript" src='<%=ResolveUrl("~/ckfinder/ckfinder.js")%>'></script>

?

3.? 頁面中加入

<asp:TextBox ID="mckeditor" runat="server" TextMode="MultiLine"></asp:TextBox><script type="text/javascript">CKEDITOR.replace( '<%=mckeditor.ClientID%>',//生成客戶端id {skin : 'office2003',//設置皮膚enterMode : Number( 2),//設置enter鍵的輸入1為<p>2為<br/>3為<div>shiftEnterMode : Number( 1), // 設置shift+enter的輸入});</script>

4.? 在page的屬性里加入ValidateRequest="false"

這樣在后臺通過mckeditor.Text就可接收到編輯好的文本對應的html代碼了，然后可以利用div的innerHtml屬性顯示剛提交的代碼

?

要想在當中插入圖片，還要配置有關ckfinder的東西

1.???????添加對ckfinder下bin目錄的ckfinder.dll的引用

2.???????在ckeditor下的config.js文件中的CKEDITOR.editorConfig = function(config) {}里添加以下代碼

var webname = '/WebSite2';config.filebrowserBrowseUrl = webname + '/ckfinder/ckfinder.html';config.filebrowserImageBrowseUrl = webname+ '/ckfinder/ckfinder.html?Type=Images';config.filebrowserFlashBrowseUrl = webname+ '/ckfinder/ckfinder.html?Type=Flash';config.filebrowserUploadUrl = webname + '/ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Files';config.filebrowserImageUploadUrl = webname+ '/ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Images';config.filebrowserFlashUploadUrl = webname+ '/ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Flash';//config.filebrowserWindowWidth = '800';//config.filebrowserWindowHeight = '500';

將其中的webname改為網站的名字

?

這樣，網站運行起來后就可以通過點擊顯示出的編輯器的圖像按鈕來添加圖片了

轉載于:https://www.cnblogs.com/szhx/archive/2013/01/24/3219344.html

總結

以上是生活随笔為你收集整理的ckeditor和ckfinder的使用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。