
以前它被称为ImagePaste,但是从版本4起,我已经重命名它,以表示该插件不仅仅是粘贴在CKEditor中的图像。
欢迎各位兄弟 发布技术文章
这里的技术是共享的
允许将图像直接粘贴到文档中
允许从计算机拖放到文档
提供工具栏按钮,以最少的步数上传文件和图像。
使用拖放上传功能增强对话框
替换对话框中的QuickUpload选项,现在只需要选择一个文件,而不需要任何额外的步骤
显示上传进度并取消,以及预览图像或文件的文件大小
在上传开始前验证文件的 事件
简单的配置选项来限制允许的扩展和最大文件大小
上传后的事件修改元素后添加到编辑器
启用与CORS的跨域上传。
在上传中包含其他表单数据(对于反CSRF检查或发送您在对话框中添加的自定义字段)
IE8,IE9:不支持,因为它们缺少FormData。
IE10:上传预览,进度和拖放工作,但不允许粘贴图像。
IE11:令人惊讶的是,这个IE版本超越了Chrome和Firefox的功能,因为它允许粘贴MS Word 2013中的文档(我仍然没有找到其他有效的数据源)与其所有的图像在同一时间。不幸的是,这个功能似乎不再适用于Windows 10。
单站点许可证 | OEM许可证 | 企业许可证 | ||
---|---|---|---|---|
价格:10欧元 | 价格:50欧元 | 价格:120欧元 | ||
用于单个域 | 对于那些想在其创建的多个域中使用该插件的公司。 | 此许可证允许将插件集成到您销售的产品中 | ||
这不应该发生。
与对话框的集成应该仅使用简单的上传按钮更改快速文件上传,并启用对话框的拖放,但对话框和其他按钮应保持不变。
你甚至可以设置config.simpleuploads_respectDialogUploads = true; 禁用对上传按钮的更改。
也许有一些其他意外的冲突与你的插件,所以如果你可以邮寄一个URL来测试你的设置或发送给我一个你的配置文件的副本,以及最少的一个这样的自定义,所以我可以看看这个问题是非常好的。
Hi Alfonso,
我购买了simpleupload插件的完整版本。我已经把它与我的CKEditor集成了。我正在尝试插入IE 10和11,我无法拖放图像,甚至从mspaint复制/粘贴图像。
不过我可以看到Chrome和FF的效果很好。
请让我知道IE 10和IE 11失败的原因可能是什么。
这里是我的环境细节:
1)CKeditor与Extjs与Spring MVC - JAVA一起使用。
2)使用servlet将图像上传到临时位置。
- 在IE 10和11中,如果从“添加图像”按钮选择图像,则将图像上传到临时位置。但它不会显示任何预览。拖放的地方,复制/粘贴完全不起作用。不能从Ctrl + V粘贴图像
。3)我最近使用CkEditor 4。
Hi Swapnil
支持IE 11的CKEditor的第一个版本是4.3,所以如果你使用4.1.x,那么你的页面是以某种方式强迫IE使用旧的兼容性模式:
可能是缺乏一个doctype,一个元标记强制特定渲染模式,甚至将域/ Intranet包含在兼容性列表中。
您描述的一切都符合该理论,这就是为什么您不能使用拖放或粘贴IE11。
所以你应该找出为什么你的页面处于兼容模式,并允许IE使用其最新的渲染模式。
插件本身只是javascript,您需要在服务器中安装脚本。事实上,您必须先安装该脚本,然后才能使用此插件,并且正常的快速上传应该可以正常工作。
您可以在此存储库中找到一组用于多种语言的示例脚本:https://github.com/AlfonsoML/CKEditorUploader
您可以看到,PHP示例非常简单,您应该能够在服务器中运行,甚至如果你仍然被迫使用PHP4。
Hi Alfonso,
我用ff 26.0和CKEditor 4.3.2尝试了公开版本。
我发现除了最后一步,所有的工作都很好。
当在xhr.onload脚本尝试获取图像
var theImage = editor.document.getById(id);
它在'theImage'var内接收null,因此无法更新图像。
当这种情况发生时,id var就像“cke_12”一样。
你能告诉我这个吗?
谢谢。
我想到的第一件事是你已经删除了普通的图像按钮,ACF正在滤除插入的图像。
完整的插件负责调整ACF,但是基本的插件应该与正常的图像按钮一起使用(请记住,这是一个增强功能,而不是全部替换)。
无论如何,我会尝试检查他们是否已经改变了任何导致这些版本的问题,您在CKBuilder设置中使用哪些配置?
我正在使用ImagePaste,似乎工作正常 - 但突然停止。
我正在使用ASP.NET版本的CKFinder
我已经购买了简单上传的许可证,但是当我尝试上传文件(不只是粘贴)时,我收到以下错误错误将文件
发布到
/ ckfinder / core / connector / aspx /connector.aspx?command=QuickUpload&type=Images&CKEditor1&CKEditorFincNum=2&langCode=en-gb
返回的数据无效(检查控制台)
该文件实际上到达UserFiles中的服务器,但未在“所见即所得”面板中呈现(并且未保存)
在浏览器控制台中,我倾倒在这种情况下由服务器发送的响应(您也可以使用网络选项卡,甚至是Fiddler来检查它)。
它应该可以帮助您找出问题,也许服务器设置有一些变化,现在它返回一个内部错误,或者有一些模块修改数据,并以某种方式打破它。
没有看到响应,我只能继续猜测问题。如果您需要进一步的帮助,请发送一封包含回复内容,屏幕截图或要测试的URL的邮件。
@马克戴尔 - 我有同样的问题。该脚本期望从服务器返回的值以某种方式查看。
我通过从服务器输出错误来修复错误:
Response.Write(“<”+“script> /(2,'”+ FileName +“'); <”+“/ script> / \ n”)
@AlfonsoMartínez de Lizarrondo - 伟大的插件,谢谢!我觉得我发现一个小错误的脚本,这是不存在于imagepaste。当您从Windows资源管理器(使用Ctrl-V)将图像粘贴到FireFox时,插件将忽略光标的位置,并将该图像放置在编辑器的底部。
@Jørgenvon Tangen
感谢您的意见。在当前版本中有一个小错误对预期的响应太严格了。我想完成一些更改asap并更新该版本。如果有人发现这种问题只是给我一个邮件,我会提供一个测试版本来解决问题(至少它适用于Mark)
而且我会把这个bug添加到我的待处理任务中,我没有以前通知。我们希望很容易解决。
我不知道S3如何工作,但主要的是这个插件只是客户端。只要您使用实现CKEditor API的上传器进行quickUpload,您就可以使用它。
您可以通过https://github.com/AlfonsoML/CKEditorUploader找到PHP,C#,vb.net和经典Asp的示例脚本,您可以看到唯一的要求是接收已发布的文件,并发回一个小字符串正确的格式作为响应。如果您为CKEditor实施此类上传器,则图像和链接对话框中的上传选项卡将会起作用,而当您添加此插件时,您将获得所有额外的功能。
只是一个注释:我添加了一个事件,帮助使上传看起来更平滑如果您调整大小的图像。
在第1696行,我添加了:
editor.fire('simpleuploads.imageDropped',{element:img});
这样你就有一个事件,所以当你拖动它或如果你的服务器上的图像缩小时,编辑器中的图像不会很大。
如果您只想限制用于显示预览的最大大小,则可以将这样的CSS规则添加到您的页面(当然,使用适当的范围)
/ *响应图像可用于内联演示* /
img,svg ,.SimpleUploadsTmpWrapper {
height:auto;
最大宽度:100%;
}
而不是100%使用任何你想要的,预览将缩放这种方式。
在这种情况下,该规则在http://www.martinezdelizarrondo.com/ckplugins/simpleuploads.demo4/的内联编辑器中使用。
尝试将最大的图像上传到底部的列,并在上传时调整页面大小您会看到预览会自动缩放。
@Richi:
不完全
没有“图像上传插件”有一个插件(实际上目前有2个插件)来编辑图像属性,并将图像插入到内容中,然后编辑链接。
我的插件只允许将图像或文档的链接插入到内容中,任何编辑(更改属性,如alt,dimension等等)都必须使用普通插件来完成。
我的插件还可以改进正常对话框中的上传,以便您可以将文件放在那里,也可以在单击中进行操作,并且在上传文件时有一个进度条,但对话框的其余部分保持不变。
所以可能你还是想保持这个正常的图像插件。
嗨
购买的单域许可证,虽然它似乎与redmine的ckeditor插件不兼容。
任何线索可能是什么问题?任何我可以传递给redmine_ckeditor dev?
https://github.com/a-ono/redmine_ckeditor&https://github.com/a-ono/redmine_ckeditor/issues/109
嗨Sacha
我不知道CKEditor的分发是如何工作的,但是你检查上传选项卡是否启用并且正常工作,并且在购买完整版本之前是否测试了免费的“imagepaste”插件?
你有任何错误吗?
你可以检查插件是否在您的设置中正确加载?
你好。
1)您是否模糊插件,或者在源中可用?
2)如果我购买企业版本,我可以修改它并在我的CMS中使用?
PS我这里还有你的演示安装俄罗斯缺少一些固定的翻译:
invalidExtension:Недопустимыйтипфайла,выберитефайлсдопустимымрасширением,
nonAcceptedExtension:“Недопустимыйтипфайла,выберитефайлсдопустимымрасширением:\ r \ n%0
nonImageExtension: Пожалуйста,выберитеизображениеimageTooWide
:
ИзображениеслишкомширокоеimageTooTall:Изображениеслишкомвысокое
该插件使用简单的JavaScript分发,无需任何混淆或压缩。我只做了这个演示(我猜你可以理解为什么)。
如果你必须改变一些事情,那么继续,但是如果您解释我的需求,可以更好,我可以将其添加为默认选项中的一个选项,以便在以后的任何更新中不需要记住如何应用补丁。
感谢这些翻译,我宁愿避免使用自动翻译,因为结果对于这种情况通常是可怕的,所以我依靠像你这样的人的反馈:-)
console.log中的错误:
编辑器缺少“config.filebrowserUploadUrl”条目,以了解将处理上传文件的URL。
它应该处理发布的文件,如示例3所示:http://docs.cksource.com/CKEditor_3.x/Developers_Guide/File_Browser_%28Uploader%29/Custom_File_Brows...
更多信息:http://alfonsoml.blogspot.com/ 2009/12 / using-your-own-uploader-in-ckeditor.html plugin.js?t = E0LB:446
“SimpleUploads”插件现在被禁用。
=>不知道(还)filebrowserUploadUrl路径是什么。
在这些链接中,您可以阅读如何添加上传脚本来处理用户想要发送到服务器的文件。
在您的设置中,缺少配置条目,因此您必须调整上传者或添加可处理发布文件的新上传者。请阅读这些链接,因为它们包含您需要的所有信息。
我刚刚插上插件,我正在尝试配置。我有一个java / maven项目和ckeditor从原子扩展。我没有config.js文件。如何配置?我在哪里可以把这个config.extraPlugins ='simpleuploads'?
回复Hi Rayfran
我没有使用PrimeFaces,所以我不知道有关CKEditor在那里的使用。搜索周围的人正在问你的同样的问题在这里http://stackoverflow.com/questions/20890727/adding-a-custom-plugin-to-the-primefaces-extensions-cked...但迄今没有任何答案。
根据这个答案,似乎你可以将插件添加到jar http://forum.primefaces.org/viewtopic.php?f=14&t=25689
另请参见这个主题:http://forum.primefaces.org/viewtopic .PHP?F = 14&T = 31915
嗨,我试着用drupal / ckeditor来使用你的http://ckeditor.com/addon/imagepaste插件,但是我还需要在ckeditor config.js中配置'filebrowserImageUploadUrl'吗?我在Drupal中使用IMCE进行文件管理...所以我不必安装额外的上传脚本?
在要求部分中,我已经尝试解释说,IMCE并没有真正集成到CKEditor的上传系统,而是使用它自己的,所以你不能用我的插件。
也许有办法改变,但到目前为止,还没有人向我报告说他们已经发现了这样的魔术配置。
您应该在drupalfórums寻找帮助,他们应该知道IMCE如何工作。
嗨,我用ImagePaste尝试了CKEditor + FCFinder。上传效果很好。比我升级到SimpleUploads,现在我收到一个错误消息。
将文件发布到/../kcfinder/upload.php?opener=ckeditor&type=images&CKEditor=toolbar&CKEditorFuncNum=2&langCode=de - 返回无效的数据(检查控制台)
现在需要另一个upload.php脚本吗?
不,相同的上传脚本应该可以正常工作。
请看看控制台,并向我发送一封邮件,其中包含服务器返回的文本。
该插件尝试处理比图像粘贴插件更多的情况,因此它改变了返回的数据的处理方式,并且我可能已经犯了错误。
一旦我收到你的消息,我会尝试修复它。
您好Alfonso,
有没有一种简单的方法来不上传文件,但使用数据uri然后在后续的编辑,它将显示为上传的图像?
如果用户的提交(提交表单)没有成功,我不想让临时文件浮动。
你好,
我刚刚为单个域购买了simpleuploads插件。我添加自定义文件管理器我可以上传文件使用图像按钮在CK编辑器。我尝试拖放文件,但它不工作。你能否为我提供任何解决方案。或者如果您有任何可以为我的项目下载的演示。
我的测试环境:
CK Editor 4.xx
Php 5.4.x
Apache 2.xx
谢谢
@乔石:
不,没有简单的方法。控制孤儿文件显然很重要,但不限于上传和从未使用的文件,当他们首次上传文件,然后编辑该文章并删除该引用或更改为新文件时,也会发生同样的问题文章本身被删除。
您的问题的部分解决方案是将文件上传到“暂存”文件夹,并保存文章时将文件移动到正确的文件夹并更新内容以使用最终路径。
这可能需要或多或少的相同的工作,你的建议(我的意思是:你必须解析html在这两种情况下,找到上传的文件,将它们保存到正确的位置和更新html),但有优势应该较轻处理:
@milon
当您说可以上传图片时,是否使用图像对话框中的“上传”选项卡进行上传,还是使用“浏览服务器”按钮进行上传,您可以在打开的窗口中进行上传?
你是否按照我建议的次数测试ImagePaste插件?
您是否在浏览器控制台中收到任何错误?
@Unknown:
您可以使用“simpleuploads.finishedUpload”事件获取对创建的元素的引用,并将其包装在链接中或者您可能需要的任何内容。
实际上我使用这个:
CKEDITOR.on('instanceReady',function(e)
{
e.editor.on('simpleuploads.finishedUpload',function(ev)
{
if(ev.data.element.getName()=='img ')
{
var imageSrcUrl = ev.data.element。$。src;
var width = ev.data.element。$。width;
var height = ev.data.element。$。height;
var imgHtml = CKEDITOR.dom.element .createFromHtml(”“);
e.editor.insertElement(imgHtml);
}
});
});
但是它会重新添加新添加的元素,而不是替换它。
一个博客评论是写代码的不好的地方,所以为了防止它在这里是一个pastebin的示例:http : //pastebin.com/iVZFa5HS
而不是创建一个新的元素和调用插入,你可以使用一些简单的DOM方法创建链接,替换img元素并将其放在链接中:
var img = element。$,
doc = img.ownerDocument,
link = doc.createElement('a');
link.setAttribute('href',img.src);
link.setAttribute('data-cke-href',img.src);
img.parentNode.replaceChild(link,img);
link.appendChild(IMG);
您不需要CKFinder,但任何支持CKEditor API的脚本来处理上传的文件:http://alfonsoml.blogspot.com.es/2009/12/using-your-own-uploader-in-ckeditor.html
这里是一小组不同语言的样本:https://github.com/AlfonsoML/CKEditorUploader
请注意,在购买此插件之前,您必须正确配置CKEditor或我的插件的基本上传功能将无法正常工作。您可以使用任何您喜欢的解决方案,但这已经在本页的顶部解释了。
不,以前的CKEditor版本用于提供测试链接的方式(我认为上下文菜单中的条目和/或使用Ctrl + Click),但这是他们删除的功能之一,如果他们想要加回来 你最好的机会是在他们的开发网站或更好的机会上创建一个机票,得到一个drupal或ibm的请求。
回复Hi ub13group
您可以使用filebrowserImageUploadUrl和filebrowserUploadUrl将不同的参数传递到您的上传脚本,并且可以将文件或图像保存在正确的位置
你现在下载了CKEditor?
您是否已经安装和配置了CKEditor?
我一再重复地说,在购买插件之前,您必须已经配置了CKEditor,并且基本的文件上传工作我可以在http://alfonsoml.blogspot.com.es/2013/08/a-basic-upload- script-for-ckeditor.html
这个链接在这篇文章中,在文档中,...
请花时间阅读文档,如果你想让所有的工作:
http : //docs.ckeditor.com/# !/ guide / dev_installation
http://docs.ckeditor.com/#!/guide/dev_howtos_basic_configuration
http://docs.ckeditor.com/#!/guide/dev_file_browse_upload
当然这个页面和随附的install.html在插入。
Hi Alfonso,
CKEditor和KCFinder一起工作。添加SimpleUploader插件错误:
将文件发布到/kcfinder/upload.php?opener=ckeditor&type=images&CKEditor=editor&CKEditorFuncNum=2&langCode=en
返回的无效数据(检查控制台)
控制台说:
var par = window.parent,
op = window .opener,
o =(par && par.CKEDITOR)?par:((op && op.CKEDITOR)?op:false);
if(o!== false){
if(op)window.close();
o.CKEDITOR.tools.callFunction(2,'/pictures/images/02.jpg','');
} else {
alert('');
if(op)window.close();
}
能否请你帮忙吗?
Hi Harald
由KCFinder发送的javascript是有效的,但不是我期待的,所以我的正则表达式失败。
我会尽快调整它,我会给你一个新的版本,以检查它的工作正常在你的设置。
问候。
你好Alfonso,
我不得不更新KCFinder,现在我得到无效的数据返回错误。
JS控制台说:
<html> <body> <script type ='text / javascript'>
var par = window.parent,
op = window.opener,
o =(par && par.CKEDITOR)?par:((op && op.CKEDITOR)?op:false);
if(o!== false){
if(op)window.close();
o.CKEDITOR.tools.callFunction(2,'/storage/userupload/6/1/images/1654959_645670185491087_927678292_n%2811%29.jpg','');
} else {
alert('');
if(op)window.close();
}
</ script> </ body> </ html>
嗨艺术
这是哈拉德两天前报道的一样的问题。
现在我正在完成测试,我将发布一个新版本,以解决大家使用KCFinder的问题以及其他改进。
你好Alfonso,伟大的插件!
我发现在文件名中添加/上传带有国际字符的图像(例如一个名为æøå.jpg的文件)的问题。文件名转换为unicode特征(在æøå.jpg的情况下为\ u00E6 \ u00F8 \ u00E5.jpg),然后图像上传失败。
这是一个已知的错误吗?你有解决办法吗?
提前致谢。
更新:我刚刚在您的演示网站上进行测试,上传使用我的æøå.jpg测试图像。显然这是在IBM XPage平台上使用CKEditor的一个问题。你可以指导我改变文件名的代码的哪一部分?谢谢!
回复问题可能是您的uploader脚本如何处理utf字符。
使用浏览器网络工具(或诸如Fiddler的外部工具)来检查发送到服务器的数据,然后检查服务器发回的响应。
我希望发送到服务器的数据是正确的,也可能保存正确的文件(您可以使用FTP检查它),但是当它返回上传的文件的名称时,它转义为utf字符,然后出错。
此外,显然,您还应该检查当您在编辑器中使用正常的“上传”选项卡上载此类文件时,如果您获得相同的错误结果,那么该问题仅仅是您的上传者脚本,那么会发生什么情况。
如果上传正常,
您好Alfonso,正常上传按预期方式工作。一旦启用SimpleUploads,它就会失败。
发布以下内容:
查询字符串参数
$$ axtarget:view:_id1:_id2:_id14:tabbedPanelv0sq3b9oqvwg:tabPanel1:_id93:rtControlBody
$$ viewid:!dtlwpddka5!
命令:QuickUpload
类型:图像
CKEditor:view:_id1:_id2:_id14:tabbedPanelv0sq3b9oqvwg:tabPanel1:_id93:rtControlBody
CKEditorFuncNum:2
langCode:da
Request Payload
------ WebKitFormBoundarywq0WYYc2nyKC8tdb
Content-Disposition:form-data; NAME = “上传”; filename =“æøå.jpg”
内容类型:image / jpeg
------ WebKitFormBoundarywq0WYYc2nyKC8tdb--
从帖子的响应:
script type =“text / javascript”
window.parent.CKEDITOR.tools.callFunction(2,“/app.nsf/xsp/.ibmmodres/persistence/DominoDoc-NEW_51-Body/\u00E6\u00F8\u00E5.jpg”);
/ script
谢谢。
嗨,
我已经能够使用您的回复重现问题。这个JavaScript转义的东西是“有趣的”,
我认为我已经设法创建了一个解决方法,现在它可以适用于我,但我宁愿发送这个版本只是给你,所以你可以测试,当你确认它是好的我会发送给其他人的更新。
如果你给我发邮件(我不能在这里找到),我会寄回你的新版本。
Hi Alfonso,
我购买了ckeditor 4.4.2版的简单上传插件,并在JSP页面中使用。实际上我购买了这个,用于将剪贴板中的图像粘贴到chrome和IE浏览器中。我引用了install.html文件进行配置,并按照安装步骤中的第1和第2点完成。但图像无法粘贴到Chrome和IE浏览器中。我们还需要为此插件添加什么?
Hi Vasanth
我不知道为什么我再次回复,只是为了你最终想要看的东西...
昨天我回复你,我也在http://ckeditor.com/addon/回复simpleuploads?page = 1#comment-132727
您可以在本页顶部阅读使用此插件的要求是您有一个上传者工作,并提供准备好使用四种不同语言的样本。
如果您不想配置上传器,则使用新的“base64”选项,并且图像将像Firefox那样插入到内容中,但请阅读我写的文章,因为一切都已经多次解释
你好阿方索,
伟大的插件。我已经为使用Drupal开发的Intranet工具购买了一个许可证。
我正在使用CKEditor 4.x和CKFinder。我可以通过浏览服务器按钮上传文件。我可以在编辑器中粘贴图像(现在可以拖放您的插件) - 但是,文件仍然是base64。我错过了什么吗?
谢谢!
乔乔治
您可以使用“浏览服务器”按钮上传文件,但我的插件要求在图像和链接对话框中启用“上传”按钮。
CKFinder支持这两个选项,浏览服务器使用CKEditor中的filebrowserBrowseUrl设置启用,直接上传(我的插件使用的是)filebrowserUploadUrl
如果此设置为空,我在控制台中添加一个警告,你知道吗?
这个问题只发生在Firefox或所有的浏览器上?
你有任何错误吗?
有机会,我希望您没有特别启用我最近添加的“base64”上传
阿方索,
谢谢你的快速回复。
我启用了'上传'选项卡,并且在CKEditor的链接和图像模式上工作。
我没有在控制台中收到任何错误。
我没有玩任何base64配置,我只是把simpleuploads文件夹放在ckeditor的插件目录中,并通过config.js(而不是imagepaste)启用它。
显然我可以拖放只在firefox,铬不会让我(甚至从粘贴从单词模态)。我不知道这是否是imagepaste插件的选项。
根据你的描述,它只在Firefox中“工作”,我会说我的插件根本不工作,只看到默认的浏览器行为。
如果您有imagepaste插件工作,那么这个应用程序只能通过在extraPlugins设置中替换它的名称。
您是否使用其他附加插件?
在这种情况下,请记住,extraPlugins必须有一个单独的条目,插入名称用逗号分隔(是的,这对许多人来说是显而易见的,但是对于许多其他JavaScript而言,只是一些奇怪的语言)
你可以给我发邮件与您的网站的URL,所以我可以尝试检查吗?
不幸的是,我没有链接,因为它是一个内部的Intranet工具。
唯一的插件是config.extaPlugins ='simpleuploads';
我有其他插件,如粘贴从word,但是没有启用通过config.js,但在drupal管理界面。
再次感谢您的帮助,我真的很感激。我相信这是唯一需要在内部网上修复的内容。
阿方索,我发现了问题的根源。是的,正如预期的那样,这是“打开电脑”之一吗?的东西。我忘了在drupal / ckeditor管理界面中启用simpleuploads插件。
我很抱歉所有的模糊 - 再次,真的很感激。
我很高兴你找到了解决方案。
在Drupal中安装CKEditor插件比其他系统要困难得多,似乎需要具体的说明。
让我们看看当他们用内置的CKEditor发布Drupal 8时会发生什么
嗨,
购买这个插件(单站点许可证)后,我可以在本地运行它来进行测试等。一旦开发和测试完成,我将把项目移动到Web服务器进行生产。你的许可证是否允许这个?
谢谢。
嗨tengkubasri
是的,开发机器不算是许可证。您可以根据需要使用尽可能多的计算机进行测试和开发,只要与公众仅使用一个域即可。
嗨再次乔治
为了给你确切的答案,我需要一些时间来创建和测试它,但基本上你可以尝试使用我的“simpleuploads.finishedUpload”事件。在上传后,您的服务器可以在第三个参数中使用您的服务器发回的功能。
Hi Alfonso,
我有了SimpleUploads在Drupal中使用CKEditor模块和CKFinder的试用版。
1)如果我将CKEditor设置为使用不同的文件浏览器,如IMCE或elFinder,SimpleUploads复制粘贴不起作用,按钮从CKEditor工具栏中消失。
一旦我启用CKFinder再次使用CKEditor,SimpleUploads工作并显示按钮。
事实是我们买不起CKFinder。我也不知道如何为生产网站创建自己的文件上传脚本,另外我还需要一些文件浏览器,不仅仅是脚本。
有没有一些可以使用SimpleUploads的免费文件浏览器?
2)我们在使用Chrome时遇到问题:粘贴图像时,它们始终粘贴在文本的开头,而不是插入点。
在CKEditor中有两个与文件相关的设置。
filebrowserBrowseUrl设置“文件浏览器”使用。
filebrowserUploadUrl设置“快速上传者”使用。
您可以使用IMCE或elFinder作为文件浏览器,并为“快速上传者”使用不同的选项,只要文件最终在同一位置,您的用户不会注意到任何事情,他们会认为它是相同的文件浏览器。
我不知道KCFinder(类似的名字,但是不同的作者)可以和Drupal一起使用,但是我认为它可以为CKEditor中的两个设置提供支持。
而最后一个选择是使用这些文件浏览器,并调整我提供的上传者作为示例,以便使用Drupal对用户进行身份验证,并使用正确的文件夹和权限。
关于你的第二个问题,这个问题只发生在你的网页上,还是你可以通过我的演示再现它?
你使用哪个版本的CKEditor?
您是使用内联还是框架模式?
任何建议,以便我可以重现错误?
感谢您的快速回复,
我将尝试实现您的脚本进行快速上传。
关于粘贴,它粘贴在您的演示中的正确位置。
我使用CKEditor 4.2.2。我可以尝试一个不同的版本,如果你认为这可能是问题。
这个问题可能是由于几个不同的原因,现在很难找出究竟是什么。
当然,如果您可以尝试使用最新版本,那将是很棒的。
并使用其中一个“标准”设置,没有其他第三方插件。
你注意到问题是否取决于编辑器的内容?
不幸的是,我不能使用高于4.2的版本,因为drupal ckeditor模块抛出一个错误。
ckeditor模块配置中有一个选项,称为“强制粘贴为纯文本”,如果我启用它,它会将图像粘贴到插入点中。我将继续尝试其他配置来查看某些过滤器是否可能会影响它。
当强制粘贴为纯文本的设置被启用时,我使用其他方法来抓取和插入内容,这可能有助于解释为什么它在这种情况下工作。
您在设置中是否使用其他任何其他插件?
我将尝试使用4.2进行测试,但目前我正在找出为什么我在演示页面上看不到Chrome中的上传预览,但是在其他每个网站都能正常工作。
你好!
我刚刚购买了这个插件,但它不起作用。
前端工具栏上没有图标。
我试图使用CKeditor 3.6.3和4.4.3的joomla。
你能告诉我这件事吗
谢谢。
你好Евгений
我不知道如果事情发生了变化,但为了在Joomla安装一个CKEditor插件,你必须编辑一个文件,就像我在这里所提到的那样:http://alfonsoml.blogspot.com.es/2012/12/ installed-ckeditor-plugin-inside.html
否则问题可能是尽管插件正确加载,但是在CKEditor中尚未配置quickUpload url,在这种情况下,您应该在浏览器控制台中看到一个警告。
如果你可以给我发一个带有URL的邮件来测试你的设置,我可以尝试告诉插件是否被加载。
据我看到,Roxy Fileman是一个完整的文件管理器,但它并没有实现CKEditor的“quickupload”选项,所以您仍然需要添加该文件管理器以外的部分。
我会尝试以不同的方式解释:Roxy很酷,它做了很多事情,你可以使用它上传文件,但CKEditor有一个方法来做一个“quickupload”,而Roxy不知道什么,所以如果您只使用Roxy,我的插件将无法正常工作,您需要添加一个选项(在Roxy或单独的脚本中可以处理上传,如上面可以找到的示例脚本所示)
好吧,阿丰索,
我已经安装了你的“基本上传脚本”:
http : //alfonsoml.blogspot.it/2013/08/a-basic-upload-script-for-ckeditor.html
我启用了图像中的上传选项卡,链接对话框和所有工作都很好,但是Free PastImage不起作用,我在编辑器中粘贴图像(使用Firefox 30.0),并且图像总是保存在base64编码数据上,没有错误脚本。
复制文件到CTRL + V:PNG文件工作上传,但不将上传的URL图像插入编辑器
复制文件到CTRL + V:jpg,gif不工作上传
拖放文件不工作
副本从photoshop(任何图像类型)到CTRL + V:工作上传(保存到png),但不在编辑器中插入上传的URL图像
@Prashant
我会聘请一名律师为您获得一个很好的许可证。可能需要一段时间...企业许可证的价格将会上涨,因为我必须收回律师的费用。
@Fabrizio Maturo
这两个消息正在说明(对我来说不同的事情)
在第一个插件根本不工作。这可能是由于更改了错误的config.js文件,浏览器中的缓存等...
但在第二个中,似乎插件是活动的,它将文件发送到您的服务器,但是它不会出现在内容中。如果没有错误,我的第一个想法是删除默认图像按钮,因此ACF不允许将图像插入到内容中。
如果您可以向我发送一个带有URL的直接消息来测试您的设置会更好,因为我不知道发生了什么。
Prashant:
你可以把我的建议发送给我在gmail dot com的amla70,
但是我必须警告你,最近我收到了一个企业许可证的另一个建议,这对我来说是完全荒谬的。它需要我在周末和假期提供支持,以及一个声明,在我上次更新后的很长时间内继续支持。
如果你有这样的计划,那么你可以忘记这个插件。你得到的每个人都是一样的代码,一个120欧元的付款不会给你任何特别的权利在我自己的时间。
我不清楚你想要做什么,但是如果你想在上传文件之后执行自己的javascript,那么你可以为我发起的事件设置一个监听器,如下例所示:http:// alfonsoml.blogspot.com.es/2013/11/simpleuploads-and-new-image2-widget.html
回复这可以工作,是的。
基本上我需要的是将加载的文件路径传递给我的功能。
可以从“simpleuploads.finishedUpload”事件获取上传的文件路径吗?
另外,看看插件代码,似乎一个函数可以使用$ msg变量包含在php输出中,但不确定是否可能或如何使用它。
嗨,阿方索,谢谢你的帮助到目前为止。这是另一个问题:我处于一个无法直接编辑config.js的环境中。
是否可以使用Javascript设置filebrowserUploadUrl配置选项?
我已经尝试了,但我不能让它在simpleuploads启动之前生效,所以我得到了“缺少config.filebrowserUploadUrl条目”警告。
CKEDITOR.on('instanceReady',function(ev){
ev.editor.config.filebrowserUploadUrl = ev.editor.config.someOtherConfigWithCorrectURL;
});
在编辑器完成所有初始化之后,instanceReady事件被触发,所以跳过该检查太晚了。
您可以使用instanceCreated事件:
CKEDITOR.on(“instanceCreated”,function(evt){
evt.editor.config.filebrowserUploadUrl = ev.editor.config.someOtherConfigWithCorrectURL;
});
如果事实证明,在您的系统中,ev.editor.config.someOtherConfigWithCorrectURL在该时刻未被初始化,那么您可以将instanceCreated事件中的filebrowserUploadUrl设置为任何字符串,并在instanceReady事件中进行更正
我们计划购买你的插件。只要确定,选择的图像将被上传到服务器并存储在其中,而不是在数据库中,我们是对的吗?我们必须与我们的托管服务商谈,因为我们猜测我们应该获得一个具有适当权限的文件夹。我们正在使用apache服务器,存储媒体文件夹需要什么权限,配置在哪里?
回复请花时间阅读插件的描述。这是CKEditor上传的增强功能。您必须先使系统工作,才能尝试使用此插件。
无论如何将文件存储在文件夹,数据库或任何您想要的位置,只需要提供一个保存文件的上传脚本,然后将该URL返回到该文件。我已经提供了样本(保存为文件,但是我说您可以将它们存储在任何地方),您可以将它们正确地集成到系统中。
请勿在快速上传工作之前购买该插件,否则您会问为什么插件无法正常工作(提示:因为您没有正确配置上传)
@Aiden:
是的,上面的示例显示了如何添加发送到服务器的POST和GET变量:
http : //alfonsoml.blogspot.com.es/2013/11/including-additional-data-with-file-in .html
在你的情况下,听Simpleuploads.startUpload事件并修改ev.data.url值
您好Alfonso,SimpleUploads一直按预期工作,但现在我已经在insertPastedFile函数中得到“undefined is not a function”,如下所示:
if(editor.editable()。$。querySelector(“#cke_pastebin”))
任何想法?
是的,这是一个最近的改变,以避免一个问题(我认为这是为Chrome),但.editable()只存在于4.x
我将更改该行asap,我会发送修正版本后测试与3.6(我必须承认,最近我还没有测试它)
Hi Alfanso,
我昨天购买了SimpleUploads插件。
为了测试目的,我将其设置在本地系统上。工作正常
但是当我将其上传到我的实际网站时,它不起作用。
请帮忙
Hi Naresh,
当你发布在这里,而不是邮寄我,我想你想要公共帮助,所以如果你可以提供我们的URL到你的网站是非常好的,所以我们可以检查你的网站上的错误。
我有一个simpleupload的问题,我上传一个图像,它不显示在内容区域,但是当我调整它的大小。阿方索你有没有遇到这个问题,如果是这样,你怎么会遇到这个问题。
对不起,我不记得别人有这个问题。
您应该与其他浏览器进行测试,以检查它是否可能是一个特定于一个浏览器的问题,或者可以随处转载。
如果图像正确插入,并且在调整编辑器大小后,还要对开发人员工具进行更改。
对于错误,因为这是一个意想不到的,他们不应该发生,我没有打扰提供任何事件,如果你想替换警报使用自定义对话框,您将不得不修改插件。
阿方索,
我已经安装了你的插件,但我不能让它工作。我的DOM检查员向我显示脚本已加载,但是我看不到工具栏中的“addFile”和“addImage”图标。我的配置如下所示:http : //pastebin.com/Et6L4J7f。
我可能是丢了一些东西,但我不知道是什么。
使用“删除CKEDITOR.instances ...”总是一个坏主意,它可能会留下一些垃圾,这可能会导致意外的问题。
除此之外,我没有看到任何特别的快速看。什么是“inno_challenge_challenge_content”我希望它是一个textarea,但正如你使用CKEDITOR.disableAutoInline = true; 我不知道你为什么这样做
现在我有一点时间测试你的配置,问题是allowedContent设置。
如果设置为true(禁用ACF),一切正常。看来,将“a [!href]”中的“requiredContent”的定义更改为“a [href”“(类似于img))可以解决问题,所以现在我想了解为什么它似乎在以前工作,我认为有人正在使用一个非常严格的allowedContent(我不认为我会自己做)。
因此,您可以手动对插件进行这些更改(绕线885和905),当我确认它现在真正正常工作时,我会发布一个新版本,以及另一个需要使用的另一个增强功能测试我是否
Hi Alfonso,
我正在尝试使用您的公开插件,然后购买完整版本,我无法让它工作...
我有一个很轻的jQuery配置为ckeditor:
“
filebrowserUploadUrl:'/ upload'+'? Type = File',
filebrowserImageUploadUrl:'/ upload'+'Type = Image',
extraPlugins:'imagepaste,youtube',
“
我的上传脚本像”raw“ckeditor中的魅力一样。你的插件应该被加载,因为'youtube'插件可以工作。但是每当我尝试将jpg文件从浏览器复制/粘贴到Firefox(33.0)或拖放它时,生成的源仍然会给我一个base64的大代码。
我尝试下载CKeditor 4.4.5,4.4.2,4.3.5甚至3.6.6.2,提取imagepaste到CKeditor插件文件夹,应用我的jQuery配置,我总是有base64代码,无论我做什么。对于最后的CKeditor版本,4.4.5,我甚至使用它们的CKbuilder将集成的图像粘贴到ckeditor.js中。结果还是一样的。
你能告诉我我在做错什么吗?
你好Snake: -
你是否检查了控制台(Ctrl + Shift + J),看看是否有错误?
根据你的描述它应该工作,但也许你可以找到一些意想不到的错误。
你可以给我发一个URL给我的邮件,所以我可以自己检查一下,并尝试找出错误?
嗨,阿方索,
我启用了simpleuploads时,我有一个解决方案和粘贴纯文本插件的问题。
当我点击“反方向键”按钮或粘贴纯文本时,没有任何反应。当我禁用simpleuploads,unsefromword工作确定。
是否可以将所有这些插件放在一起?
我使用CKEditor 4.3.2(修订版ba625e6)非常
感谢。
V.
我已经使用Firefox,Chrome和IE11在当前版本的CKEditor进行了测试,所有这些都正常工作。
你在测试哪个浏览器?
可以用CKEditor的更新版本进行测试吗?
嗨,
我升级到版本4.4.5,最后的Firefox和Chrome仍然出现问题。当我点击从Word按钮按钮时,没有任何反应。
这是我的配置,如果可以帮助。
CKEDITOR.editorConfig = function(config)
{
config.filebrowserBrowseUrl ='/admin/index.php?mode=filemanager&start=1&managertype=';
config.filebrowserUploadUrl ='/admin/index.php?modul=processdata&processdata_modul=spravce_souboru&save_form=editor_upload';
config.filebrowserImageBrowseUrl ='/admin/index.php?mode=filemanager&start=1&managertype=img';
config.filebrowserImageUploadUrl ='/admin/index.php?modul=processdata&processdata_modul=fotogalerie&save_form=editor_upload';
配置。stylesSet ='custom:/css/wysiwyg.js';
config.contentsCss ='/css/wysiwyg.css';
config.skin ='moonocolor';
config.removePlugins ='forms,save,pagebreak';
config.entities = false;
config.autoParagraph = false;
config.extraPlugins ='nbsp,templates,simpleuploads';
config.templates_files = ['/admin/ckeditor/templates.php'];
config.templates = '默认';
config.allowedContent = true;
}; config.autoParagraph = false; config.extraPlugins ='nbsp,templates,simpleuploads'; config.templates_files = ['/admin/ckeditor/templates.php']; config.templates = '默认'; config.allowedContent = true; }; config.autoParagraph = false; config.extraPlugins ='nbsp,templates,simpleuploads'; config.templates_files = ['/admin/ckeditor/templates.php']; config.templates = '默认'; config.allowedContent = true; };
我已经尝试下载一个CKEditor的标准版本,所以一切都有默认设置,添加了月色皮肤和三个插件,然后应用你的配置,这些按钮是正常的。
作为一般规则,为我提供一个测试的URL要快得多,因为我花了将近半小时的时间进行本地测试,然后尝试重新创建您的设置,并且证明一切正常。
HI
最近我买了simpleuploads插件。我试图安装在我的php应用程序,但在“插入”菜单,当我点击“图像”,我可以看到“上传”部分。
我安装它像你在文档中说的。
你可以帮我吗
嗨瓦茨拉夫·
您正在使用的版本比较老(4.1.4)SimpleUploads的
最新的一个是4.3.6,我已经最近向购买插件时注册的电子邮件。
请使用最新版本再次测试,因为这可能是4.2.0中修复的错误:“由于CKEditor中最近的更改而修复了粘贴对话框的错误”
Hi Alfonso,
我们的客户已经购买了这个插件以及ImageCrop插件。根据许可条款,我们可以在插件代码中进行几个更改。我们无法控制图像上传服务器,我们必须像服务器一样传递参数,如文件param应该被命名为“文件”而不是“上传”?
谢谢
Hi Lakhan
可以,您可以修改我的插件,但最好让我知道这种请求,因为我可以尝试修改插件以提供API或配置选项,以便将来轻松升级,而不用担心以前的变化。
其实别人以前已经问过了,但是我忘了,所以我会在本周末尝试实现,应该在下一次更新中作为一个配置选项。
嗨,
我正在使用ckeditor,并且我正在从剪贴板粘贴图像时面临一个问题。在firefox它工作正常,但是当它运行它在chrome它的bug。你能给我一个提示来解决这个问题吗?
ps:错误发生在代码的这一部分:editor2.on('paste'..
似乎事件甚至没有被发射..
谢谢你的帮助。
Hi Romy
我不认为我的代码中有任何“editor2”变量。
你在谈论我的插件的问题,还是想让我解释一下如何编写自己的代码?
嗨,买了你的插件,它的作品很棒。看起来好赞!Btw有没有办法限制可以将多少图像添加到单个条目/文本区域?我建立一个旅游相关的博客网站,不希望用户能够添加他们的整个假日专辑在那里:)也许将图像限制为5个帖子。我可以捕获上传并增加它们,但是我不知道如何在用户删除图像时捕获(例如添加5个图像,删除2个,系统可以允许另外2个)。谢谢
回复嗨,马丁
对不起,以前没有回复,但我这几天有点忙。
如果我正确理解你的话,那将是非常简单的:
我的插件会在用户尝试上传一个新文件时触发“simpleuploads.startUpload”事件,所以你可以使用我在
http://alfonsoml.blogspot .com / 2013/12 / validation-of-files-with-simpleuploads.html
,用于检查当时内容中的图像数量,允许或拒绝新图像。
谢谢回复。冬天之后,我刚刚回到现在,希望把你的榜样放在一起。我似乎收到一个错误“TypeError:CKEDITOR.editor.on不是一个功能”。我看不出你如何设置编辑器,这种方法几乎是正确的...不确定在哪里设置“on”方法。
$(function(){
CKEDITOR.replaceAll('js-ckeditor');
CKEDITOR.editor.on('simpleuploads.startUpload',function(ev){
//这里我打算使用正则表达式检查图像数量,如果找到太多,ev.cancel()
});
});
你真的不需要将这个代码包装在一个jQuery调用中(除非你真的想在里面使用一些jQuery)。
CKEDITOR.editor什么也没有,你可能想使用CKEDITOR.instances,但是你需要知道实例的名称,反正这是一个坏的方法,如果你使用replaceAll调用。
相反,您必须侦听每个创建的实例,然后将侦听器添加到每个实例,请查看http://www.martinezdelizarrondo.com/ckplugins/simpleuploads.demo4/validation.html的源代码,您将看到CKEDITOR。 on('instanceReady',function(e))调用,那么您可能只想对每个实例应用相同的检查,就像在这种情况下为第四个div完成的那样
,为了检查图像的数量,
阿方索,como vai?
Quandofaçoo upload,o mesmo acontece,porémnãoémostrado na tela do ckeditor。
Se o o。。。。。。。。。。。。。。。
Interessante que aparece a seguinte mensagem de erro:
发布文件到
filebrowser.php时发生错误?action = upload&CKEditor = vMateria&CKEditorFuncNum = 2&langCode = pt-br
返回的无效数据(检查控制台)
Jáobservei que existse umaquestãosemelhante do Mark Dale。
Poderia me ajudar?
Obrigado,
Álvaro
Ciao Alvaro
如果文件保存正确,那么您唯一的问题是您的脚本未返回数据的预期格式。
请参阅http://alfonsoml.blogspot.com.es/2009/12/using-your-own-uploader-in-ckeditor.html或https://github.com/AlfonsoML/CKEditorUploader,以解释CKEditor期望的格式。
基本上你需要添加echo“<script type ='text / javascript'> window.parent.CKEDITOR.tools.callFunction($ funcNum,'$ url','$ message')</ script>”;
到您的服务器脚本。
使用当前版本的SimpleUploads,您可以使用任何其他您喜欢的格式,但这更复杂一些,并且大多数用途不是必需的。
@Ismael
我根本不知道,因为Oracle可能会做一些奇怪的自定义。
首先测试ImagePaste插件,因为这是最简单的方法来检查您的系统是否正常配置或需要特定的指令(我不知道)
Ismael,没有entiendo el la pregunta。
El plugin de ImagePastedeberíaseguir funcionando con el CKEditor 3.6.4,aunque esa es unaversiónmuy antigua。
SimpleUploads igualmentetambiéndeberíaseguir funcionando a menos de que en alguno de losúltimosajustes haya roto algo(hace mucho quedejéde probar 3.6)
Lo recomendable en un programa como CKEditor es intentar usar unaversiónactualizada y no entiendocómoOracle sigue usando algo tan viejo en vez de instalar al menos 4.3 por decir algo。
失望,我无法获得imagepaste工作。在禅车上使用CKEditor版本4.4.6。
图像上传工作正常,使用正确的config.js文件作为自动增长插件我也安装正在工作。
如果我将文件拖放到编辑器窗口中,然后保存,则在查看源时仍然显示为base64代码。试图关闭浏览器和清除缓存。
有什么建议么?
@Neil Price
至少你在支付之前就跟着我的建议和测试。其他人不用打扰测试,然后沮丧,如果有任何问题,需要找到答案就更大。
很明显,你正在使用Firefox进行测试,对吧?
你有没有检查控制台,万一有任何错误或警告?
你可以给我发一个URL来测试吗?
我检查了控制台,奇怪的是没有显示正在加载的插件。
我看到的顺序是:
GET http://localhost/imagepaste/editors/ckeditor/config.js [HTTP / 1.1 200 OK 0ms]
GET http://localhost/imagepaste/editors/ckeditor/skins/kama/editor.css [HTTP / 1.1 304未修改0ms]
GET http://localhost/imagepaste/editors/ckeditor/lang/en.js [HTTP / 1.1 304未修改0ms]
config.extraPlugins ='imagepaste';
在config.extraPlugins ='autogrow'之前列出; 在config.js中,
我检查了imagepaste dir是否在插件目录中,并已下载了两次以排除损坏。
在本地只在当时,但如果需要,我可以得到它到某个服务器。
感谢您的支持。
好的,这是你的问题。
你正在设置extraPlugin两次,所以第一个作业丢失。
使用这个:
config.extraPlugins ='imagepaste,autogrow';
这是一个开始。现在看到
GET http://localhost/imagepaste/editors/ckeditor/plugins/imagepaste/plugin.js [HTTP / 1.1 304未修改3ms]
GET http:// localhost / imagepaste / editors / ckeditor / plugins / autogrow / plugin。 js [HTTP / 1.1 304未修改1ms]
在控制台。没有列出错误,但仍然有新的丢弃图像的baser64代码。
好的,你几乎在那里:
CKEditor不支持本机drop,所以插件只支持粘贴的图像。
而不是删除文件,将其复制(或使用编辑器打开它并复制其内容),并将其粘贴到编辑器中。
如果这样工作,那么您可以使用完整的SimpleUploads,支持其他浏览器以及拖放,API以及其他插件等使用...
当我的插件用base64检测到粘贴的图像时,应该开始上传,你应该在网络标签中看到。
如果没有发生这种情况,那么我就失去了一些东西。
现在我不能想到你的问题的任何解释,所以我需要检查一个现场演示,一个公共服务器,或你自己的电脑通过像teamviewer,因为它必须是非常简单的最后。
你好Neil
我回复你的G +消息(两次)。
在您的设置中,您缺少fileBrowserUploadUrl,所以CKEditor根本没有配置为上传文件,我不明白为什么你说这适用于你。
ZenCart可能具有该脚本,但在演示中,您提供了该文件未分配给上传URL。
至少当我测试了这个演示,我根本无法上传任何文件。
Alfonso:
Estoy probando el plug-in con CKEditor y funciona bien,para archivos .png,con复制粘贴en Firefox。
La版本商标funciona para todos los tipos de imagenes correcto?
Una pregunta mas。En esta version del plugin hice un cambio a la funcion xhr.onload(plugin.js)para que en lugar de setearse atributos al elemento theImage se cambiara el elemento theImage por un span con cierta sintaxis,porque es lo que en nuestro wiki hacemos cuando se insertionta una imagen(es decir se crea un wiki link que apunta a la nueva pagina de tipo imagen)。Es decir en modo Edicion en nuestro wiki en el CKEditor no vemos la imagen sino una macro que indica link a dicha imagen。
ese cambio ya lo hice en la prueba que estoy haciendo,pero sepodríahacertambiénen la version paga?
Hola
ClaudiaSí,laversióncomercial funciona con png,gif,jpg ... esosí,otro tipo de ficheros como webp y similares no van a ser reconocidos por defecto comoimágenyseríanecesario que cambie laconfiguración(y otro tema aparte es que los navegadores muestren correctamente esasimágenes)。
En cualquier caso,puede probar la demo del plugin queestáen mi servidor para verificar que se pueden usar otrasimágenesy con otros navegadores。
Otro matiz a tener en cuenta es que aunque la imagen original sea un jpg,si se pega siempre seconvertiráa png,ya que el propio navegador es el que realiza el cambio。
sobre lo que resulta insertado en el contenido,
您好,
只需添加一个图像按钮就可以使用SimpleUploads插件?
没有波纹管功能:
- 拖放图像,
- 并复制(Ctrl + C)/粘贴(Ctrl + V)图像。
最好的问候
MED
你好medovic
如果我是一个使用你的页面,我会恨你强迫我点击一个按钮,而不是允许我从我除了浏览器之外的窗口,但如果你想这样做,你可以防止任何上传检查startUpload事件中的“上下文”对象:
CKEDITOR.on(“instanceReady”,function(e){
e.editor.on('simpleuploads.startUpload',function(ev){
//文件名
var data = ev .data;
var context = data.context;
if(!context.name || context.name!=“addimage”)
{
alert(“对不起,使用按钮”);
ev.cancel();
}
});
} );
阿方索,
谢谢您的回应。
最后我会让拖放操作:),但我有另一个问题:在带图标的栏中,我可以只有图标允许上传图像(jpg jpeg gif png bnp)?以及如何实现一个控制,通过拖放来阻止上传文件,无图像。
谢谢你的澄清。
最好的问候
MED
要仅添加上传图像的按钮,只需使用“addImage”按钮定义自定义工具栏。
您可以控制startUpload事件中允许哪些文件。
Hi Alfonso,
该文件上传的删除请求很容易上传测试。
文件路径:http://www.martinezdelizarrondo.com/userfiles/file/
文件名:
1.(초안)Redmine매뉴얼_v0_1.pdf
2.업무보고.txt
3.개인면담자료(최인호).docx
4. QA 의 역 할 .DOCX
5. 정 철 _B2B 제 휴 업 체 _ 강 좌 신 청 서 _ 온 라 인 _ 전 화 영 어 _ 신 청 서 _ 최 인 호的.xls
6. PMP 132_ 주 말 _ 근 로 자 직 업 능 력 개 발 훈 련 .PDF
删除文件请。
感谢您的关注。
有一个cron工作计划自动清理每天上传的文件,但由于某些原因,它没有工作。
我已经清理了所有的东西,我会让它自动工作。
@Geo:
是的,您可以修改上传者以任何方式保存文件。而不是使用固定的路径,您可以根据当前日期,登录的用户等来即时创建它...
这与我的插件无关,但是只适用于uploader.php,CKFinder,upload.ashx等...你正在使用
@Brandon
对于这个问题我很抱歉 我为插件添加了一个小小的更改,我刚刚发布了新版本,期望下载链接自动更改为使用新的。
我已经给你发送了新的链接。
嗨,
我正在使用CKeditor 4.4 + CKFinder 2.5,但我不喜欢“上传图像”选项卡。主要的问题是,当我从上传开始,我无法理解发生了什么(没有进度条,按钮“上传到服务器”总是启用)。我看到你的插件的演示,似乎适合我的网站。可以将您的插件与CKeditor和CKFinder进行整合吗?对于图像(尺寸,压缩,缩略图等),CKfinder的设置是确定的,但我想要解决用户界面上传您的插件。
是的,当然这个插件与CKFinder一起使用。
由于您已经配置了CKFinder,所以您只需要添加该插件即可获得可以在我的演示中测试的所有功能。
如果插件处理从微软词汇中复制图像,例如“来自word”的插件(这是非常笨重的界面),那么这将是一个很好的补充。
我注意到的另一件事是,当从内容中粘贴内容时,它会丢失文本样式(字体颜色,大小等),这是非常痛苦的,因为没有安装“简单上传”插件,粘贴时会保留样式。
Hi Mark
如果您测试IE11,您应该能够直接粘贴Word文档中包含的图像。
其余的浏览器没有实现所需的功能,所以我不能做任何事情,“Word中的图像”可能是你可以得到的最好的。
粘贴的内容的格式不应该受这个插件的影响,如果它是HTML,那么我不做任何事情,如果有一个图像CKEditor没有做任何事情。
您确定只有在此插件启用或不启用时,您正在测试更改?
Hi Alfonso,我刚刚购买了简单的上传,并且复制粘贴功能正常工作,但工具栏中的拖放和插入imagen选项不是。我遇到的另一个问题是我将内容保存到html字段中,然后通过电子邮件发送该HTML。发生的一件事是,我将内容复制的图像不包含在电子邮件中。如果你给我你的电子邮件地址,我可以给你一个显示我的屏幕的视频,看看你能帮我解决这个问题。
谢谢你,
弗洛伦西亚
Alfonso,tambiénme pasa que usando google chrome al hacer copy paste la imagen queda gris con 0%y una cruz negra arriba。Al dar点击derecho sobre la cruz salta un pop up de google chrome que骰子:Debido a laconfiguraciónde seguridad de su navegador,el editor no tiene acceso al portapapeles。Es necesario que lo pegue de nuevo en esta ventana。
Sabéscómohabilitar eso en chrome?
格拉西亚
saludos
Hola Florencia
Ya te he respondido a tu correo,lomásprobable es que hayaalgúnerror imprevisto con los datos que devuelve tu servidor,si lo puedes comprobar encontraremos el problema y lo solucionaremos pronto。
这是一个非常有用的插件,我已经成功地将其集成到我的2系统中。
最好在IE9 +中使用图像复制/粘贴(不是base64 img),但现在它只支持IE 11,Firefox和chrome。
IE9不支持粘贴图像,所以如果您想要有很好的功能,您必须升级浏览器。
没有什么可以做的,而且肯定是在过时的浏览器上工作是花费我的时间的最糟糕的方式之一,对于发布Edge会发生什么,我更感兴趣。
嗨莹
在这里添加3投票:https://wpdev.uservoice.com/forums/257854-microsoft-edge-developer/suggestions/8964523-support-html5-drag-and-drop-of-files-from-explorer
你好阿方索
我买了你的插件,它的作品很棒。
但是图像上传按钮在chrome中不起作用。
并且它在您的演示网站不起作用..
http://www.martinezdelizarrondo.com/ckplugins/simpleuploads.demo4/
所以你可以检查它是否工作?在Chrome中?
谢谢。
我现在已经使用Chrome 45.0.2454.93 m进行了测试,对我来说可以正常工作。也许您的问题是Chrome的一些扩展。
回复您好
,您应该首先测试的ImagePaste插件,并验证图像您的服务器上正确保存。一旦工作,那么你可以确定你可以使用这个插件的所有功能。
你好!我们是一个ONG(教育和政府透明度主题),我们在我们的TLD域http://poderopedia.cl/中提供了管理微网站的服务器实例。将使用您的脚本的“单”域版本?
谢谢!
阿方索,我的意思是,几个子域管理的例子,即 admin1.poderopedia.cl,admin2.poderopedia.cl,admin3.poderopedia.cl,所有这些都为ONG。会使用“单”域版吗?单域是指1 TLD?
回复@juanpablob
对于非政府组织,可以使用单一站点许可证,生活是足够的。
对每个子域负责的其他企业将需要企业许可证,但在您的情况下使用单个站点没有问题。
@Shahid
正如你所说,如果图像在剪贴板中,我的插件将上传它,但如果您使用Chrome或Firefox,当您从Word复制内容时不会发生。
无论如何,彻底测试演示,并测试您想要的任何组合。如果它不工作,那么这意味着浏览器没有将图像放在剪贴板中。
请阅读上述说明,因为这在浏览器之间有所区别。
PL ase refer of of of *)))))))))
***************************** *******************表示...
我正在使用ImagePaste,似乎工作正常 - 但后来突然停止。
我正在使用ASP.NET版本的CKFinder
我已经购买了简单上传的许可证,但是当我尝试上传文件(不只是粘贴)时,我收到以下错误错误将文件
发布到
/ ckfinder / core / connector / aspx /connector.aspx?command=QuickUpload&type=Images&CKEditor1&CKEditorFincNum=2&
这意味着您为上传的图片返回的网址是错误的。
检查您的上传脚本的配置并进行调整,以返回有效的URL。这是您尝试添加此插件之前应该配置的,因为它是CKEditor的基本上传系统的一部分。
我不知道你是否真的试图将上传的文件保存在/ ckeditor / plugins / simpleuploads / uploads文件夹中,但是我强烈建议您不要这样做,并将它们存储在CKEditor之外的文件夹中,因为这将会当您要升级CKEditor或更改任何内容时,可以大大帮助。
嗨,
我已经购买了您的插件,它在使用Web浏览器的移动设备上运行良好。
但是当集成在一个webview(ios和android)不起作用的时候...
没有什么被粘贴到android的编辑器,而ios上的错误是“无效的数据返回”
你能帮我解决这个问题吗?
谢谢你。
杰罗姆
你好Jerome
我不知道iOS,但在Android上,我认为你可以连接到你的计算机上的Chrome,以获得webview并调试它发送和接收的数据。
或者您甚至可以将console.log调用更改为警报,以便清楚地显示警报。
您必须了解服务器发送的响应,以了解为什么它失败。
Hi Alfonso
“SimpleUploads”和“GoogleMaps”的最新版本是什么?
我一直在使用simpleuploads4.3.14和googlemaps3.5.8
如果升级了,让我下载。
提前Thx。
所以,插件名称:“视频”,工具栏按钮:“视频”1.复制文件
解压缩您的插件目录中的zip的内容,所以最终这样2.将其添加到CKEditor
现在在你的config.js或自定义js配置文件中添加插件:config.extraPlugins='video';
3.将其添加到工具栏
在您的工具栏配置中,在要显示该按钮的位置添加一个新的“视频”项。
config.filebrowserUploadUrl ='/ simpleupload';保存更改并使用编辑器加载页面,现在应该有上传选项卡(但显然它将无法正常工作)
[视频] pluginName =视频 image = video / images / icon.png title = Html5视频希望这个足够的,现在你应该能够处理来自Drupal管理的插件。