文章整理了在ASP CKEditor中實現上傳圖片功能的方法,是根據網上的方法整理的,希望可以幫助到需要的站長朋友!
其實,ckeditor沒有具備上傳圖片功能,但是與ckfinder工具集成就能實現這樣的功能!
具體的操作方法如下:
1,將ckeditor解壓,打開_Samples,將ckeditor文件夾拷貝到項目中的根目錄下,把bin放在根目錄下
2,將ckfinder解壓,ckfinder文件夾拷貝項目中的根目錄下,把bin放在根目錄下,把_sample,_source,help文件夾刪除掉,(注:沒有用)
3,在ckeditor文件下找到config.js 打開,找到
在CKEDITOR.editorCongig=function(config)
{
//填寫以下內容,圖片,flash路徑
config.uiColor = '#F7F8F9'
config.scayt_autoStartup = false
config.language = 'zh-cn'; //中文
config.filebrowserBrowseUrl = 'ckfinder/ckfinder.html';
config.filebrowserImageBrowseUrl = 'ckfinder/ckfinder.html?Type=Images';
config.filebrowserFlashBrowseUrl = 'ckfinder/ckfinder.html?Type=Flash';
config.filebrowserUploadUrl = 'ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Files';
config.filebrowserImageUploadUrl = 'ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Images';
config.filebrowserFlashUploadUrl = 'ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Flash';
};
4,在ckfinder文件下找到config.ascx文件,打開
1)把public overrider bool ChekcAuthentication(){return false;改為:return true;}
2)public overrider void SetConfig(){BaseUrl = "~/ckfinder/userfiles/";}
5,在頁面中head標簽內寫入:
<script type="text/javascript" src="ckeditor/ckeditor.js" ></script>
<script type="text/javascript" src="ckfinder/ckfinder.js"></script>
如果有母版頁,在母版頁中寫
注:單純的配置,6,7可以不要,但是一旦要入數據庫中,就要配置6.7步驟
6,在Default.aspx頁面中,寫入<%@Page ValidateRequest="false"%>
7,在web.config文件中,在system.web下寫 <httpRuntime requestValidationMode="2.0"/>
8,在Default.aspx頁面中添加<asp:TextBox ID="txtcontent" runat="server" TextMode="MultiLine" Height="503px" Width="100%" class="ckeditor" ></asp:TextBox>
<script type="text/javascript">
CKEDITOR.replace('<%= txtcontent.ClientID %>', { skin: 'kama' });
</script>(用ckfinder文件下skins文件下kama文件下的,skin.js,樣式)
新聞熱點
疑難解答