ckeditor 不读取媒体嵌入代码

2024-02-09

我使用 ckeditor 的媒体嵌入插件。它工作正常,代码正确保存在数据库和 youtube、soundcloud 等中。页面上播放器显示正常。但是,当用户进入他可以编辑信息的管理页面时,内部和带有标签的文本不会显示,因此当用户单击“保存”按钮时,所有以前保存的 iframe 将被“删除”,只有其余的 iframe 会被删除。将保存格式化文本。有什么办法可以在ckeditor中显示iframe代码吗?


我假设您使用附带的 CKEditor 4.1.x高级内容过滤器 http://docs.ckeditor.com/#!/guide/dev_advanced_content_filter(ACF)。最有可能的是,您使用不同的编辑器进行前端/后端编辑。

每个插件都扩展了允许的内容 http://docs.ckeditor.com/#!/api/CKEDITOR.config-cfg-allowedContent具有自己的标签、属性和类规则的属性。使用这些规则,编辑器会自动删除不需要的内容,例如,如果您的前端编辑器允许<iframe>因为它加载了 mediaembed 插件,那么没有此插件的后端编辑器将删除您的<iframe>从内容来看。

此外,ACF 还会观察您的工具栏配置,因此即使您包含该插件但您不希望该按钮出现在工具栏中,该按钮提供的任何内容(即<iframe>) 也将在编辑器的输出中被禁止。

您可以轻松检查您的编辑是否接受<iframes>。基本上调用以下命令并查看输出:

CKEDITOR.instances.yourInstance.filter.check( 'iframe' );
>>> true // it's allowed

If it's false,那么您的问题有几种解决方案:

  1. 在后端编辑器中启用 mediaembed 插件(使用工具栏中的按钮)。
  2. Extend config.extraAllowedContent再次取回它。

虽然第一个解决方案很简单 http://docs.ckeditor.com/#!/api/CKEDITOR.config-cfg-plugins,第二个对你来说可能很棘手。allowedContentmediaembed 插件的规则如下(参见插件的代码 https://github.com/frozeman/MediaEmbed/blob/master/mediaembed/plugin.js):

allowedContent: 'iframe[*]' // stands for: iframe element with any attribute

如果将以下内容添加到后端编辑器的配置中,则无需加载 mediaembed 插件即可在内容中重新显示 iframe:

config.extraAllowedContent = 'iframe[*]'

如果此解决方案不适合您,请提供编辑器配置和 CKEditor 版本,以便人们可以帮助您。

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

ckeditor 不读取媒体嵌入代码 的相关文章

  • 用于直播视频的 Youtube iFrame Api?

    我正在尝试使用 youtube iframe api 实现来自 youtube 频道的实时视频 api 中有一个 videoId 属性 它也适用于实时视频 但我们必须在每次流启动时添加视频 id iframe直播视频中有解决方案https
  • 在 iframe 中显示缩略图

    我在这方面还很陌生 我有以下内容iframe 我想做的就是让它发挥作用video1 1 但显示其中的图像video1 2 我尝试做的是 但这行不通 有简单的方法吗 iFrame 标记中没有 href 属性 看 http www w3scho
  • 有没有办法在网站中嵌入维基百科文章并设置其样式?

    我想做的基本上是一个 div 元素 其中包含维基百科文章的打印友好版本 我使用 iframe 来嵌入文章并且它可以工作 尽管我无法设置文档的样式 我想这是因为 iframe 内容不在我的域中并且我没有编辑权限 有没有办法在加载 iframe
  • 图像从部署到heroku的django web应用程序中消失

    我正在开发一个 django 项目 使用 django Rest 框架编写 REST API 以在 Android 应用程序中使用它们 我的主要想法是在 Django 中开发后端 在 Android 中开发前端 项目部署在 Heroku 上
  • 指定 iframe 中加载的页面的字符集

    我想知道 是否可以为加载的 iframe 提供自定义字符集 例如 如果我有一个名为www example com带有源代码 Test 现在我有一个名为 www example2 com 我想做的是加载www example com in a
  • iframe 不读取 Chrome 中的 cookie

    Chrome 不允许子 iframe 读取自己的 cookie 我有一个带有子 iframe 的父网页 家长在https first site com 孩子在 父级内部 cookie set with 小路 安全 真实 仅http 假 域名
  • 如何在 Facebook 中嵌入 iframe?

    我的一位同事为我们工作的公司维护着一个 Facebook 页面 该公司希望在他们的 Facebook 上放置一个小部件 以允许用户输入他们的电子邮件并订阅我们的时事通讯 做 Facebook 的同事不是程序员 所以他让我做一些东西 我制作了
  • Google 地图无法在 IE8 中的 iframe nyromodal 层中正确呈现

    我尝试在 nyromodal iframe 层中渲染谷歌地图 它在 Chrome 和 Firefox 中工作正常 但在 IE8 中存在一个奇怪的问题 首次加载时 它工作正常 然而 当我关闭图层并在同一页面上重新打开它后 地图将呈现错误 仅主
  • 如何在 primefaces 媒体标签中重命名 PDF

    我在 primefaces 中使用流式内容并使用媒体标签来显示它 当在查看器中按下下载按钮时 它会下载名为dynamiccontent properties的文件 有什么办法可以重命名吗 我正在使用 html4 java 7 和 prime
  • iFrame 中的 Javascript iPhone 滚动效果 / Javascript 鼠标加速

    我正在尝试使用 JavaScript 在窗口中重新创建 iPhone 轻拂 滚动事件 从 JQuery 开始 我使用计时器测量单击 拖动 释放事件期间鼠标的加速度和偏移量 var MouseY init function context v
  • 在 ionic 2 应用程序中使用 iframe 播放 YouTube 视频

    在 Ionic 2 应用程序中 我尝试使用 iframe 嵌入一个 YouTube 视频 代码如下所示 但是 当我导航到该页面时 我收到此错误 我找不到如何解决这个问题的好答案 XMLHttpRequest 无法加载https google
  • iframe 主体删除空间

    我的 iframe 风格为style width 100 几乎覆盖了页面宽度 但它在左侧和右侧留下了一个小边距 所以我添加了body margin 0px 删除空间 它有效 但问题是删除边距影响其他事物 例如段落 p inside 有没有办
  • 主目录 不允许下载媒体

    尝试将 PDF 文件保存在下载目录中 但之后getExternalStoragePublicDirectory在 Android Q 后完全弃用 无法将文件保存在 DCIM 或 Pictures 文件夹之外的任何其他位置 因为尝试在此处保存
  • 我如何对 youtube 嵌入播放器进行编程,使其在点击时取消静音

    如何设置 YouTube 嵌入式播放器在单击时取消静音 你可以看到我提到的嵌入式播放器http www harvestarmy org http www harvestarmy org主页 右边的那个写着 来自 YouTube 的最新视频
  • 如何从iframe访问文档中的

    I have an iframe 我在检查器元素中发现 img 标签位于具有 body 标签的 document 中 img src Images landingpage jpg 我需要访问此图像 landing page jpg 以便更改
  • Discord.py 嵌入中禁用按钮/冻结按钮

    I m trying to make a replica of this bot in which when I press any of the buttons below it shows a dropdown menu and you
  • 如何防止 iframe 中的链接在新选项卡中打开

    我为我制作的基于网络的操作系统制作了一个基于网络的小型网络浏览器 我注意到在某些网站中 它们有喜欢在新选项卡中打开的链接 有没有办法可以防止这种情况并在 iframe 中打开链接 这是我的整个浏览器的代码 以防万一
  • LuaJ 导入 Lua 方法

    我正在使用 LuaJ 并且我有一个 lua文件充满了一堆函数 如何通过 LuaJ 导入这些函数以在 Java 中使用 一种选择是将文件编译为 Java 代码并导入它 另一种方法是使用可嵌入解释器直接从 Java 代码中调用 Lua 文件 E
  • 如何跟踪推文按钮点击次数?

    我想通过 Google Analytics 跟踪推文按钮点击 但推文按钮是一个包含来自另一个域的内容的 iframe 是否有一些技巧可以为推文按钮点击添加回调 或者 您可以简单地将事件添加到您的 div 中 然后等待该 div 被单击 例如
  • 使用 Selenium webdriver 和 Python 获取完全渲染的 HTML

    我正在尝试使用 Selenium webdriver 在 Python 中构建一个网络抓取工具 但是当我从 webdriver 检索网站源代码时 我无法访问所需的信息 我认为问题在于 一旦页面最初从服务器下载 内容就会通过 JavaScri

随机推荐

  • PHP 日期函数显示错误的星期

    为什么 PHP date W 显示当前星期是 2 不是应该在第三周吗 PHP 文档中写道 每周从星期一开始 这是否意味着它忽略了今年的前三天 No week 2 http www epochconverter com epoch weekn
  • Jupyter Notebook 中的 tqdm 重复打印新进度条

    我在用tqdm打印我在 Jupyter 笔记本中运行的脚本的进度 我通过以下方式将所有消息打印到控制台tqdm write 然而 这仍然给我一个倾斜的输出 如下所示 也就是说 每次必须打印新行时 都会在下一行上打印一个新的进度条 当我通过终
  • SonarQube 使用 gitlab 自动运行

    我用 SonarQube 创建了自己的服务器 我想将它与我的 gitlab 连接 每次我提交我的提交时 sonarqube 扫描仪都会运行并在代码中创建结果 注释 我已经下载了这个插件 https gitlab talanlabs com
  • 拦截Android设备上已安装的应用程序

    我得到了数据库中已安装应用程序的包名称和标签列表 现在我想拦截已安装的应用程序和数据库 假设任何应用程序从设备中删除 然后我想更改数据库 为此 我正在使用广播接收器 但我的代码不起作用 PackageManager pm this getP
  • 在 Pandas 中将日期列转换为工作日名称的更快方法

    这是我通过 pd read csv 读取的输入 csv 文件 ProductCode Date Receipt Total x1 07 29 15 101790 17 35 x2 07 29 15 103601 8 89 x3 07 29
  • ArrayList 的自定义方法

    您好 我想为 ArrayList 类创建一个自定义方法 假设我创建了一个新的 ArrayList ArrayList
  • API - 网页抓取

    如何访问该API import requests url https b2c api premiumlabel production azurewebsites net api b2c page menu id loja 2691 prin
  • 在 Apple Color Emoji 中使用 Harfbuzz 和 Freetype 的表情符号修饰符和 ZWJ 序列

    我正在使用 Freetype 1 9 1 和 Harfbuzz 1 7 6 渲染可能包含表情符号的文本 但是我不知道如何正确渲染 Apple Color Emoji 中的表情符号修饰符和 ZWJ 序列 sbix https learn mi
  • Argparse 一个参数有两个值

    现在我的脚本通过以下方式调用 python resylter py n newfile o oldfile 代码如下 parser add argument n newfile help Uses only with o argument
  • 在 C# 中使用 WebClient 有没有办法在重定向后获取站点的 URL?

    使用 WebClient 类 我可以轻松获取网站的标题 WebClient x new WebClient string source x DownloadString s string title Regex Match source
  • 如何使用具有自动完成和建议功能的 UISearchBar 搜索位置?

    我正在开发一个应用程序 用户可以在其中搜索兴趣点 选择搜索结果 然后 MKMapView 将以结果坐标为中心 我的问题是如何实现自动完成 我研究过MKLocalSearch and MKLocalSearchRequest 这似乎是 App
  • .NET MAUI 边框和框架之间的区别

    NET MAUI 中的边框和框架之间的功能区别是什么 边界的总结文档 https learn microsoft com en us dotnet maui user interface controls border is NET 多平台
  • GDB:如何在调试期间检查当前行号

    使用 GDB 调试时如何检查当前停止的行号 我本以为这是显而易见的 也许确实如此 但我没有在GDB 备忘单 http darkdust net files GDB 20Cheat 20Sheet pdf 一些挖掘揭示了以下方法 frame
  • 查找函数调用的源代码行

    我构建了一个自定义日志记录实用程序 它显示日志消息和日期时间 我想在调用该函数的源代码中添加行号 有没有办法确定特定 javascript 函数被触发的 HTML 源代码的哪一行 编写了一个日志库 log4javascript http l
  • 如何防止ngInfiniteScroll在初次触发后被多次触发?

    我正在使用 ngInfiniteScroll 在我的网站上启用无限滚动 它部分地按预期工作 一旦我滚动到页面底部 它就会调用我希望它调用的方法来显示更多帖子 除了它在触发一次后不断调用帖子而没有结束 有谁知道这可能是什么原因造成的 这就是我
  • 我应该更新我的 npm 版本还是使用 node.js 提供的版本?

    我有一个使用 node js 14 16 0 的项目 我和我的团队成员都使用该版本 我使用 npm 6 14 11 我的团队成员使用 npm 7 x x 这会导致 package lock json 不同 这lockFileVersion我
  • 为什么我的 xcode 构建总是转到 iPad 模拟器而不是 iPhone 模拟器?

    我刚刚安装了 Apple 的最新 SDK 因此我可以开始学习 iPhone iPad 应用程序开发 然而 我遇到了一个愚蠢的问题 我的所有构建都在 iPad 模拟器而不是 iPhone 模拟器中运行 而且我不知道如何更改它 目前 iPhon
  • Excel 中用于 CSV 导入的相对路径

    我有一个 Excel 工作簿 可以自动更新 CSV 文件中的工作表 这些从硬编码文件夹 c temp premiumreports name of CSV file csv 中提取数据 此方法迫使我每次都将所有内容放入 c temp pre
  • 来自 ngFor angular2 的拼接元素

    我正在从后端请求位置列表并将其用于ngFor但是我想删除第一个数组元素 说我要删除Id 0所以在我看来不会这样li元素 这是我正在渲染并想要删除的列表数组StoreHouse Id 0 StoreLocation StoreHouse Id
  • ckeditor 不读取媒体嵌入代码

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