个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
27
4
我在 PHP 5.6 上使用 CKEditor 4.5.2 和 CKFinder 3.0.0。一般来说，集成工作正常 - 当我单击 CKEditor 图像按钮时，我可以单击“浏览服务器”按钮，CKFinder 将打开，我可以选择图像，也可以进行上传。
image2 对话框中的“上传”选项卡不起作用。我总是收到一条错误消息“请求的资源类型无效”。当我单击“发送到服务器”按钮时。
在我的 CKFinder 配置中，我定义了两种资源类型，称为 Images 和 Library；这些本质上是相同的，除了 Library 是只读的 - 我只想允许上传到 Images 类型。
有多种方法可以配置 CKEditor 和 CKFinder 之间的集成。我正在为 CKEditor 使用自定义 JS 配置文件，并使用 setupCKEditor 方法将 ckFinder 连接到它，如 the docs 所示。 :
CKFinder.setupCKEditor(ckeditor_1, {
'height': '100%',
'jquery': '/js/jquery-1.11.3.min.js',
'skin': 'jquery-mobile',
'swatch': 'a',
'themeCSS': '/themes/mytheme.min.css',
'filebrowserBrowseUrl': '/ckfinder/ckfinder.html',
'filebrowserImageBrowseUrl': '/ckfinder/ckfinder.html?Type=Images',
'filebrowserImageUploadUrl': '/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Images'
}, "Images");
我尝试在 CKEDITOR.replace 调用中将相同的值传递给 CKEditor，并在外部配置文件的 config 属性上设置它们，但什么也没有更改 - 我仍然遇到相同的错误。
我应该怎么做？或者，由于 CKFinder uploader 工作正常，我如何禁用 image2 对话框中的上传选项卡？
更新:这是我当前用于创建 CKEditor 和 CKFinder 实例的代码:
var ckeditor_1 = CKEDITOR.replace('html', {
"baseHref":"http://mysite.mac.local/",
"toolbarStartupExpanded":true,
"extraPlugins":"symbol",
"customConfig":"/js/ckconfig.js"
});
CKFinder.setupCKEditor( ckeditor_1, {
'height': '100%',
'jquery': '/js/jquery-1.11.3.min.js',
'skin': 'jquery-mobile',
'swatch': 'a',
'themeCSS': '/themes/mytheme.min.css'
}, { type: "Images" } );
还有我的 CKEditor 配置文件:
CKEDITOR.editorConfig = function (config) {
// Define changes to default configuration here. For example:
// config.language = 'fr';
// config.uiColor = '#AADC6E';
config.docType = '<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">';
config.toolbarGroups = [
{name: 'document', groups: ['mode', 'document', 'doctools']},
{name: 'clipboard', groups: ['clipboard', 'undo']},
{name: 'editing', groups: ['find', 'selection', 'spellchecker']},
{name: 'links'},
{name: 'insert'},
{name: 'tools'},
{name: 'others'},
'/',
{name: 'basicstyles', groups: ['basicstyles', 'cleanup']},
{name: 'paragraph', groups: ['list', 'indent', 'blocks', 'align']},
{name: 'styles'},
{name: 'colors'},
{name: 'about'},
{name: 'symbol'}
];
config.removePlugins = 'templates,save,specialchar,image,flash,scayt,forms,wsc,print,iframe,pagebreak';
CKEDITOR.plugins.addExternal('symbol', '/ckeditorplugins/symbol/', 'plugin.js');
config.extraPlugins = 'symbol';
config.templates_replaceContent = false;
config.templates_files = [
'/ckeditorplugins/templates/templates.js'
];
config.allowedContent = true;
config.toolbarCanCollapse = true;
config.fullPage = true;
config.skin = 'bootstrapck';
config.height = 400;
config.uiColor = '#f9dda0';
config.autoParagraph = false;
config.enterMode = CKEDITOR.ENTER_BR;
CKEDITOR.on('instanceReady', function (ev) {
ev.editor.dataProcessor.writer.selfClosingEnd = '>';
});
};
最佳答案
看起来您混合了 CKEditor 和 CKFinder 的选项。 CKFinder.setupCKEditor() 的第二个参数是 CKFinder 配置，而您使用的所有 filebrowser* 选项都属于 CKEditor 配置。请查看CKFinder.setupCKEditor() docs 。第三个参数允许您定义上传 URL 参数，因此您可以在此处将上传指向 Images。
请尝试以下代码片段:
CKFinder.setupCKEditor(ckeditor_1, {
'height': '100%',
'jquery': '/js/jquery-1.11.3.min.js',
'skin': 'jquery-mobile',
'swatch': 'a',
'themeCSS': '/themes/mytheme.min.css'
}, {type: "Images"});
使用CKFinder.setupCKEditor()时，CKEditor的上传路径将自动设置，因此不需要显式配置。
如果上述方法对您不起作用，请同时提供创建 ckeditor_1 的代码。
关于javascript - CKEditor + CKFinder 图片上传，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/32608284/
27
4
0
我正在尝试设置一个新的 CKFinder 3 实例(与 CKEditor 集成)，并且正在绞尽脑汁试图追踪并解决这个问题。对不起，文字墙。 当我尝试打开“浏览”窗口时(窗口一打开)，我就得到了加载颤动
我正在使用 ckeditor 和 ckfinder。有谁知道如何查看我的 ckfinder 版本？有没有 javascript 的 php 代码？在 CKEditor 中，我可以在工具栏中添加一个“关
我已经设置了 CKEditor 和 CKFinder 并集成了两者，使用 s3 后端上传文件效果很好。 我现在需要将文件应上传到的 S3 存储桶名称作为参数发送，以便来自不同组织(在本例中为学校)的文
我在我的站点中安装了 CKEditor 和 CKFinder，当我运行 CKFinder 示例来测试浏览图像功能时，它说: The file browser is disabled for secur
今天我收到一位客户的问题，他们不能再使用 ckfinder。检查时我收到这些警告: Warning: mysql_real_escape_string() [function.mysql-real-e
我在单页应用程序中使用 CKFinder 3，我需要检测图像何时成功上传。 目前我正在使用 createResources:after 但没有成功。 知道如何解决这个问题吗，我的意思是需要在 JS 代
我在 PHP 5.6 上使用 CKEditor 4.5.2 和 CKFinder 3.0.0。一般来说，集成工作正常 - 当我单击 CKEditor 图像按钮时，我可以单击“浏览服务器”按钮，CKFi
html: Submit var editor = CKEDITOR.replace('ckfinder-widget'); var finder = CKFinder.setupCKEd
任何人都可以给我任何关于如何使用 CKFinder 的 imageresize 插件的提示或指向文档，我在这方面一无所获？ 谢谢， 托比 最佳答案 在 docs.cksource.com 有多种语言的
我安装了 Java CKFinder 和 CKEditor，它运行良好，这意味着我可以上传图像。但我必须让用户能够将 pdf-s 上传到与 %BASE_DIR% 相同的库。当我尝试通过图像按钮上传表单
我正在使用 laravel 和 ckfinder 构建一个“创建帖子”页面，以允许用户上传特色图像。上传后是否可以在页面上显示图像？我使用了错误的代码，但当我在表单上使用 ckfinder 函数onc
我将 CKEditor 4.5.1 与 CKFinder 2.5 一起用于 ColdFusion 8 以及增强图像和上传图像插件。 我已经成功地将 CKFinder 与 CKEditor 集成，我可以
在文件 config.php 中使用 CkFinder V3 设置了不同的资源类型。 设置有效，我在左侧面板的 CkFinder 中得到两个“条目”，分别称为“我的图像”和“我的视频”。 现在，当我选
我正在使用 CKFinder 2.6 for ASP.NET。我试图解决的问题是我需要在使用 CKFinder 上传文件之前/之后进行处理。有没有办法在 CKFinder 中订阅 beforeUplo
我是 CKFInder 的新手，我收到了错误 The file browser is disabled for security reasons. Please contact your system
我可以重命名使用 CKFinder 上传的图像吗？ 最佳答案 您使用 CKFinder 的 PHP 版本吗？如果是这样，以下内容可能会有所帮助。 上传文件时，您可以自动删除空格、带重音符号的字符等。在
在 ckeditor 中(使用 ckfinder) 我可以正常上传图片，但是在我点击“浏览器服务器”按钮之前它不会创建缩略图，这意味着我必须使用浏览服务器功能让它手动创建缩略图。 有什么方法(PHP)
我对 CKFinder 3 的实现有疑问。一切正常，除了上传文件和图像。 当我点击上传时。我在我的电脑上选择了一个文件，然后它给我一条错误消息，名为:上传完成但有错误。当我单击“详细信息”时，它显示:
我们正在评估CKFinder，目前我们有这样的情况: app.domain.com 托管我们的 JS 应用程序，包括 ckfinder.js api.domain.com 托管 connector.p
关闭。这个问题不满足Stack Overflow guidelines .它目前不接受答案。 想改善这个问题吗？更新问题，使其成为 on-topic对于堆栈溢出。 6年前关闭。 Improve thi
我是一名优秀的程序员,十分优秀！