在asp.net中啓用CKEditor的圖片上傳

我使用CKEditor進行我的asp.net C＃項目。如何爲編輯器啓用圖片上傳標籤。我讀了一些文章，但沒有一篇有用。其中一些用於php的地方。我想要的是asp.net。感謝您的幫助。在asp.net中啓用CKEditor的圖片上傳

2013-05-04 Somy J

已回答：http://stackoverflow.com/questions/2115302/ckeditor-image-upload-filebrowseruploadurl – IrishChieftain 2013-05-04 19:53:59

終於我能找到解決方案。

我做了兩件事來解決我的問題。

首先我編輯了config.ascx文件並將基礎url設置爲images文件夾。如下圖所示：

公共覆蓋無效調用setConfig（） {

// The base URL used to reach files in CKFinder through the browser. 
    BaseUrl = "~/images/"; 
    // The phisical directory in the server where the file will end up. If 
    // blank, CKFinder attempts to resolve BaseUrl. 
    BaseDir = ""; 
}

，我得是，我的網頁是在管理文件夾，我把CKEditor的和ckfinder文件夾在我的網站的根目錄下的錯誤。

通過將這些文件放在管理文件夾中解決問題。

謝謝。

來源

2013-05-08 15:59:12

我喜歡http://www.codedigest.com/Articles/ASPNET/423_Upload_Images_and_Integrate_with_CKeditor_in_AspNet.aspx letutorial for使用filebrowserImageUploadUrl屬性與我們自己的文件上傳器的實現。但上傳的底部沒有出現，也沒有發生任何事情。我的代碼是在這裏：

<head runat="server"> 

    <script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script> 
    <script src="ckeditor/ckeditor.js" type="text/javascript"></script> 
    <script type="text/javascript"> 
     $(function() { 
      CKEDITOR.replace('<%=CKEditor1.ClientID %>', { filebrowserImageUploadUrl: '/Upload.ashx' }); 
     }); 
</script> 
</head> 
<body> 
    <form id="form1" runat="server"> 
    <div> 
    <CKEditor:CKEditorControl ID="CKEditor1" BasePath="~/ckeditor/" runat="server" Width="600px" Height="200px"></CKEditor:CKEditorControl> 
    </div> 
    </form> 
</body> 
</html>

和ashx的文件：

<%@ WebHandler Language="C#" Class="Upload" %> 

using System; 
using System.Web; 

public class Upload : IHttpHandler { 

    public void ProcessRequest (HttpContext context) { 
     HttpPostedFile uploads = context.Request.Files["upload"]; 
     string CKEditorFuncNum = context.Request["CKEditorFuncNum"]; 
     string file = System.IO.Path.GetFileName(uploads.FileName); 
     uploads.SaveAs(context.Server.MapPath(".") + "\\Images\\" + file); 
     string url = "/Images/" + file; 
     context.Response.Write("<script>window.parent.CKEDITOR.tools.callFunction(" + CKEditorFuncNum + ", \"" + url + "\");</script>"); 
     context.Response.End();    
    } 

    public bool IsReusable { 
     get { 
      return false; 
     } 
    } 

}

來源

2013-05-06 07:43:28

如果你只是想使隱藏的選項卡只在腳本文件夾

CKEDITOR.config.extraPlugins = 'imageuploader';

增加但會有在控制檯中的錯誤，因爲你必須定義鏈接，這將是行動上傳文件/圖像，像

filebrowserImageBrowseUrl: 'YourController/YourAction',    
filebrowserImageUploadUrl: 'YourController/YourAction'

來源

2016-09-24 11:45:10 gdmanandamohon

在asp.net中啓用CKEditor的圖片上傳

回答

相關問題