Aktivieren der Bild-upload für den CKEditor an asp.net

ich nutze CKEditor für meine asp.net C# - Projekt.
Wie kann ich die Bild-upload-tab des Editors. Ich lese finden sich einige Artikel, aber keiner von Ihnen, wo es sinnvoll ist. einige von Ihnen, wo für php. Ich will für asp.net.
danke für die Hilfe.

Bereits beantwortet: stackoverflow.com/questions/2115302/...

InformationsquelleAutor Somy J | 2013-05-04

  1. 4

    Ich mag die http://www.codedigest.com/Articles/ASPNET/423_Upload_Images_and_Integrate_with_CKeditor_in_AspNet.aspx letutorial für die Verwendung filebrowserImageUploadUrl Eigenschaft mit unserer eigenen Implementierung eines Datei-uploader. aber den botton hochladen nicht angezeigt und nichts passiert. mein code ist hier:

    <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>

    und die ashx-Datei:

    <%@ 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;
        }
    }

}

    InformationsquelleAutor Somy J

  2. 1

    Wenn Sie nur wollen, aktivieren Sie die ausgeblendeten Registerkarte add nur unter script Ordner

    CKEDITOR.config.extraPlugins = 'imageuploader';

    Aber es wird eine Fehlermeldung in der Konsole, weil Sie haben, um zu definieren, den link, die Aktion hochladen wird die Datei/Bild, wie

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

    InformationsquelleAutor gdmanandamohon

  3. 0

    endlich konnte ich die Lösung finden.

    Ich habe zwei Dinge, um mein problem zu lösen.

    ersten ich die config bearbeitet.ascx-Datei und legen Sie die Basis-url zu den images Ordner. wie unten:

    public override void 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 = "";
}

    und der Fehler, den ich hatte, war, dass meine Seiten "war im Ordner "admin" und ich wurde ckeditor und ckfinder Ordner im root meiner Webseite.

    durch setzen Sie diese Dateien in den Ordner "admin" das problem soved.

    danke.

    InformationsquelleAutor Somy J

Schreibe einen Kommentar