ckeditor 4.5 fileUploadRequest 事件未触发

2024-05-06

我有一个 html id 为“id_textarea”的文本区域。

editor = CKEDITOR.inline( 'id_textarea', {
    filebrowserBrowseUrl : 'browse_url',
    filebrowserUploadUrl : 'upload_url'
});

editor.on( 'fileUploadRequest', function( evt ) {
    console.log("This is not printing");
});

每当我尝试上传文件时,它不会向控制台打印任何内容。难道我做错了什么?

顺便说一句,我的要求是在发送请求之前添加 csrf 标头,我需要捕获某些事件(例如 fileUpload 请求)。


我假设您正在尝试通过“图像属性”对话框中的“上传”选项卡上传文件。它是由文件浏览器插件 http://ckeditor.com/addon/filebrowser and fileButton http://docs.ckeditor.com/#!/api/CKEDITOR.dialog.definition.fileButton-property-filebrowser它不支持fileUploadRequest http://docs.ckeditor.com/#!/api/CKEDITOR.editor-event-fileUploadRequest and fileUploadResponse http://docs.ckeditor.com/#!/api/CKEDITOR.editor-event-fileUploadResponse事件(已经有一个功能要求 http://dev.ckeditor.com/ticket/13791对这个案例有更深入的描述)。

如果您想使用这些事件进行一些自定义请求预处理,您可以使用上传图片 http://ckeditor.com/addon/uploadimage插入。配置过程描述于官方文档 http://docs.ckeditor.com/#!/guide/dev_file_upload,但请记住,它仅适用于删除或粘贴文件。通过图像属性对话框上传仍将由不支持这些事件的文件浏览器插件处理。

重要的事情这是因为CK编辑器4.5.6 http://ckeditor.com/blog/CKEditor-4.5.6-Released,文件浏览器插件使用CSRF 标头 http://docs.ckeditor.com/#!/api/CKEDITOR.tools-method-getCsrfToken因此它可以在您的服务器端使用,而无需对 JavaScript 代码进行任何修改。因此,如果您使用的是旧版本,我建议更新到 4.5.6(使用例如CKBuilder http://ckeditor.com/builder)并尝试与您的后端集成。文件浏览器插件中的 CSRF 标头应该足以满足您的需求。

Here is the header: enter image description here

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

ckeditor 4.5 fileUploadRequest 事件未触发 的相关文章

  • WinForms 中的 CKEditor 下拉工具栏未注册单击事件

    我目前在 C 框架 3 5 中 WinForms 的 WebBrowser 控件中遇到 CKEditor 版本 4 4 0 的问题 我在编辑器中使用 UIColor 和 Font Size Family 选项 当我在 IE 中加载页面时效果
  • 更改ckeditor的背景?

    如何更改用户键入文本的 CKEditor 的背景颜色 我需要动态地执行此操作 但找不到需要更改的元素 知道如何瞄准它吗 您可以尝试 CKEDITOR instances editor1 document getBody setStyle b
  • 到底如何将 ckeditor 与 Paperclip 集成,以便它可以上传图像文件?

    你怎么获得http github com galetahub rails ckeditor http github com galetahub rails ckeditor工作 以便您可以上传图像文件 我认为我不会使用 s3 存储 任何帮助
  • CKEditor - 修改 BBCode 输出

    我正在为我的网站构建一个 php 论坛应用程序 主要是为了看看我是否可以成功 作为一名业余爱好者 我已经从事 Web 开发近 20 年了 但我总是避免使用 javascript 这意味着我已经非常擅长使用 html css 和 php 但当
  • 在 CKEditor 中的元素之前插入 HTML

    在 CKEditor 中的现有元素之前以编程方式插入 HTML 代表 CKEditor 小部件 的最佳方法是什么 可编辑内容未获得焦点且当前未被编辑 例如 假设编辑器的内容是 h1 Here s a title h1 h2 Here s a
  • CKEditor - 单击上下文菜单后获取元素

    我使用此代码添加了 ckeditor 中 img 上下文菜单的链接CKEditor 将上下文菜单项添加到图像 https stackoverflow com questions 37553405 ckeditor add context m
  • ckeditor 不读取媒体嵌入代码

    我使用 ckeditor 的媒体嵌入插件 它工作正常 代码正确保存在数据库和 youtube soundcloud 等中 页面上播放器显示正常 但是 当用户进入他可以编辑信息的管理页面时 内部和带有标签的文本不会显示 因此当用户单击 保存
  • 如何将 onClick 侦听器添加到 CKEditor 中的 fileButton?

    我正在使用图像上传器插件 并且有一个如下所示的按钮定义 type fileButton id uploadButton filebrowser info txtUrl label editor lang image btnUpload fo
  • 单击任意位置以在 CKEditor 中聚焦

    在 FireFox 中 我可以单击 CKEditor 350px x 250px 中的任意位置 将焦点放在编辑器顶部的单个文本段落上 然而 在 IE6 中 我知道 但我们的客户坚持 我必须直接单击段落顶部以将光标聚焦并随后编辑文本 CKEd
  • 如何配置 ckeditor 不将内容换行到

    块中?

    我在用ckeditor http ckeditor com 在我的网站上 让用户更容易输入 HTML 但是 我从 ckeditor 返回的数据包含在 p p 块 这是我不想要的 是否有一些配置设置强制编辑器不将文本换行 将以下内容添加到您的
  • 如何在CkEditor中右键单击添加附加菜单项?

    在CKeditor中 当我们右键单击图像时 会出现四个菜单项 cut copy paste image properties 我想再添加两个菜单项 test1 test2 gt subtest2 subtest3 test1 将是一个菜单
  • Yii ,从 $_FILES 保存图像,但不使用模型

    这可能吗 这是有模型的 CUploadedFile getInstance model newsimage model gt image gt saveAs image path 但我不想创建模型只是为了保存我的图像 我实际上需要这个的目的
  • 有谁知道 ckeditor 的拼写检查器插件使用 aspell 或类似的本地服务而不是pellchecker.net? [关闭]

    就目前情况而言 这个问题不太适合我们的问答形式 我们希望答案得到事实 参考资料或专业知识的支持 但这个问题可能会引发辩论 争论 民意调查或扩展讨论 如果您觉得这个问题可以改进并可能重新开放 访问帮助中心 help reopen questi
  • CKeditor gem 生产模式问题

    我正在使用CKEditor 宝石 https github com galetahub ckeditor 我的配置为application js and routes rb如下 application js require ckeditor
  • CKEditor 如何在取消帖子时删除服务器中的图像文件

    我正在使用nodeJS 后端 react 前端 mongoDB 我安装了 CKEditor5 以便在船上发布许多图像 它可以完美地在我的服务器文件夹上上传图像CKfinder But 如果有人停止发布上传的图像 无用的图像将保留在我的服务器
  • ReferenceError:CKEDITOR 未定义

    我正在尝试使用CK编辑器 http ckeditor com 但是当我尝试时出现以下错误 在 JS 控制台中 例子 http docs ckeditor com guide dev framed从教程中 浏览器中仅显示一个文本框 Refer
  • 当 br 位于允许的内容中时,ckeditor 会删除

    当我将 br 添加到 ckeditor 允许的内容并添加 br 标签正在被更改为 br 但是当我添加 br 它正在被删除 为什么当 br 属于允许的内容时它会被删除 有什么建议么 您的帖子中缺少一些内容 不知道为什么 也不知道您想说什么 如
  • 防止 CKEditor 添加“data-cke-saved”并转换 <

    我有 CKEditor 的 jQuery 实现 我们经常使用对话框将 HTML 标记添加到 A 标记的 标题 属性 然而 当我们这样做时 它会转换 HTML 代码 以便将其解析为文本 我们需要代码保持其输入时的确切形式 而不是在任何地方放置
  • CKEditor 4 构建(缩小和丑化)

    在我们的构建过程中 使用 grunt 我们将所有脚本连接 缩小和丑化为一个脚本 也意味着仅一个请求 现在 CKEditor 4 似乎正在使用模块样式加载方法 谁能告诉我如何将 CKEditor 4 包含到包含所有必需源的项目中 这样以后就不
  • CKFinder 如何在选择图像(文件:选择)时获取尺寸 URL 和尺寸(宽度/高度)?

    我正在使用 CkFinder 3 成功上传图像后 我需要能够在用户单击 选择 按钮后进行检测 文件名 ID url 原始图像的宽度和高度 目前我正在使用files choose但我找不到有关 cb 事件的信息 知道如何解决吗 代码示例将不胜

随机推荐