Javascript CkEditor未上载图像和文件。即使是我也没有上传图像或文件的选择

Javascript CkEditor未上载图像和文件。即使是我也没有上传图像或文件的选择,javascript,ckeditor,Javascript,Ckeditor,我对编辑很陌生。我用了很多插件,做了很多事情。我添加了许多上传插件,但失败了。最后,我听说了SimpleUploads我在年买了这个插件。但是我不知道如何在CKEditor上安装它。或者,如果有人有其他方法上传图像、文件和嵌入PDF文件。请与我分享 如果你只想上传文件,你不需要任何额外的插件。请阅读他们的文档: 您所要做的就是使用服务器脚本的路径设置config.filebrowserUploadUrl,该脚本将保存上传的文件 如果您一直在添加“许多上传插件”,那么您的配置现在可能会一团糟,因此

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

如果你只想上传文件,你不需要任何额外的插件。请阅读他们的文档:

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


如果您一直在添加“许多上传插件”,那么您的配置现在可能会一团糟,因此最好从零开始,遵循如下指南:

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

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

我假设您已经在web页面中设置了CKEditor。如果您还没有完成,可以按照我上一篇文章中的说明进行操作:

让我们开始干我们的事吧

1) 下载KCFinder>

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,并在“常规设置”下,将“禁用”的值更改为false。现在,用户可以使用CKEditor界面上传和管理web应用程序上的文件(在我们的例子中是图像文件)

您可以在我的博客文章中查看详细步骤: