Question

我是CKEditor的新手。我使用很多插件，很多东西。我添加了许多Uploader插件但失败了。最后我听说var options = { hostname: 'api.imgur.com', path: '/3/gallery/search?q=yellow', method: "POST", headers:{ Authorization: imgurClientID, } }我买了这个插件。但我不知道如何在CKEditor上安装它。或者，如果有人有其他方法来上传图像，文件和嵌入PDF文件。请与我分享。

Answer 1

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

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

如果你一直在添加许多Uploader插件＆＃34;，你的配置现在可能很乱，所以从零开始并遵循像这样的指南是个好主意：{{3 }}

Answer 2

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

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

我假设您已将CKEditor设置到您的网页中。如果您还没有这样做，可以按照上一篇文章中的说明进行操作：CKEditor: Web-based Word Processor For Your Web Pages

让我们进入我们的业务。

1）下载KCFinder＆gt; http://kcfinder.sunhater.com/download

2）将.zip文件中的kcfinder目录解压缩到项目的公共目录。

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';
};

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

4）激活KCFinder。

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

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

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

2 个答案: