Fckeditor从特定文件夹上传图像

时间:2016-07-08 07:59:22

标签: c# asp.net image directory fckeditor

我正在使用fckeditor并在项目中成功安装。

我有一个要求,我必须从项目中的特定文件夹上传图像,说'图像'并且这样做。但是有一个问题。如果我从特定文件夹上传文件,它会上传,但每当我从其他来源上传图像时,即使它们也会出现。

我想限制图片从特定文件夹上传,而不是从任何其他来源上传。是否可以在编辑器或任何插件中执行此操作?以下是目前正在发生的快照:

https://s32.postimg.org/fe0cnewxh/demo.png

顺便说一句,它是一个Web应用程序并使用ASP.NET C#。

1 个答案:

答案 0 :(得分:0)

我能够解决这个问题。我刚刚添加了以下代码来禁用ckeditor中的拖放选项:

CKEDITOR.plugins.add('dropoff', {
init: function (editor) {

    function regectDrop(event) {
        event.data.preventDefault(true);
    };

    editor.on('contentDom', function () {
        editor.document.on('drop', regectDrop);
     });
   }
});

在插件文件夹中,我创建了一个新文件夹' dropoff'和一个新的js文件,包括上面的代码。然后最后在config.js文件中添加以下内容:

 config.extraPlugins = 'dropoff';

顺便说一句,我正在外部处理图片上传,并在编辑器中使用ckeditor JavaScript API和jQuery包含它们,如下所示:

 var editor = CKEDITOR.instances.<%=aboutTextBox.ClientID %>;
 var html = "<img src='" + $(this).attr("imgsrc") + "' />";

 var newElement = CKEDITOR.dom.element.createFromHtml(html, editor.document);
 editor.insertElement(newElement);

我做了以上操作,因为我没有兴趣包含除特定文件夹以外的任何其他来源的图像。