CkEditor 不上传图像和文件。即使我没有上传图片或文件的选项

Question

我是 CKEditor 的新手。我正在使用许多插件来做很多事情。我添加了许多上传器插件但失败了。最后我听说 SimpleUploads 我买了这个插件。但我不知道如何在 CKEditor 上安装它。或者如果有人有其他方法上传图像、文件和嵌入 PDF 文件。请与我分享请。

Answer 1

如果您只想上传文件，则不需要任何额外的插件。请阅读他们的文档：http://docs.ckeditor.com/#!/guide/dev_file_browse_upload

您所要做的就是将 config.filebrowserUploadUrl 设置为将保存上传文件的服务器脚本的路径。

如果您一直在添加 "many Uploader plugins"，您的配置现在可能一团糟，因此最好从零开始并遵循如下指南：https://www.pluginsforckeditor.com/Tutorials/86/Upload-files-with-CKEditor

Answer 2

CKEditor 是几乎所有网络开发人员最喜欢的基于网络的文字处理器。但问题是，它没有内置的图片上传功能，即 CKEditor 不知道如何处理图片上传。所以我们会指派一个会处理图片上传和文件管理的助手。

我们的助手是 KCFinder，一个免费的开源 Web 文件管理器。它可以集成到 FCKeditor、CKEditor 和 TinyMCE WYSIWYG Web 编辑器（或您的自定义 Web 应用程序）中，以上传和管理图像、Flash 电影和其他可以嵌入到编辑器生成的 HTML 内容中的文件。

我假设您已经在网页中设置了 CKEditor。如果你还没有做过，你可以按照我上一篇文章中的说明做：CKEditor: Web-based Word Processor For Your Web Pages

让我们进入我们的业务。

1) 下载 KCFinder > http://kcfinder.sunhater.com/download

2) 将.zip文件中的kcfinder目录解压到你项目的public目录下

3) 打开/public/ckeditor/config.js，添加代码行如下；

CKEDITOR.editorConfig = function( config ) {
// Define changes to default configuration here. For example:
// config.language = 'fr';
// config.uiColor = '#AADC6E';

/* Show these image/flash browsing feature only to Admins */
config.filebrowserBrowseUrl = '/kcfinder/browse.php?opener=ckeditor&type=files';
config.filebrowserImageBrowseUrl = '/kcfinder/browse.php?opener=ckeditor&type=images';
config.filebrowserFlashBrowseUrl = '/kcfinder/browse.php?opener=ckeditor&type=flash';

/* Image/Flash upload feature using kcfinder tool */
config.filebrowserUploadUrl = '/kcfinder/upload.php?opener=ckeditor&type=files';
config.filebrowserImageUploadUrl = '/kcfinder/upload.php?opener=ckeditor&type=images';
config.filebrowserFlashUploadUrl = '/kcfinder/upload.php?opener=ckeditor&type=flash';
};

如果您不想让您的用户浏览服务器中以前上传的文件，您可以 remove/block-comment 前三行，只保留实际执行上传部分的最后三行，否则您可以根据需要为每个功能添加用户级别控件。永远不要让用户看到您服务器中的文件。如果他们更改文件，其他文件链接可能会被破坏，这将导致您的应用程序出现巨大混乱。

4) 激活 KCFinder。

默认情况下禁用 KCFinder。要更改它，请转至 kcfinder/conf/config.php 并在常规设置下，将 'disabled' 的值更改为 false。现在，用户可以使用 CKEditor 界面在您的 Web 应用程序上上传和管理文件（在我们的例子中是图像文件）。

详细步骤可以查看我的博文：https://ashenlive.blogspot.com/2016/09/ckeditor-image-upload-with-kcfinder.html

Answer 3

您已更改上传配置

window.parent.opener.CKEDITOR.tools.callFunction(1, xValue, '');

这不适用于两张 ckeditor 上传图片，只能一页一张。

可以获得CKEditorFuncNum

int funcNum = Context.GetQueryString("CKEditorFuncNum").ToInt();

然后更改参数callFunction

function SetValue(xValue) {
    // your code here
    window.parent.opener.CKEDITOR.tools.callFunction(@funcNum, xValue,'');
    // your code here
}

CkEditor 不上传图像和文件。即使我没有上传图片或文件的选项

CkEditor Is not uploading images and files. Even i have no Option to upload image or files

javascript

ckeditor