Typo3 CKeditor <iframe> YouTube 视频问题
Typo3 CKeditor <iframe> YouTube video issue
我尝试使用来自 YouTube 的 iframe link 在我的 text/image 内容中添加 YouTube 视频,或者通过点击“嵌入 Youtube 视频”并添加嵌入代码,但它没有工作,在 frond en 我看到一个 Iframe 应答器,如:
<--iframe width="560" height="315" src="https://www.youtube.com/embed/dqsdsdq" title="YouTube 视频播放器" frameborder="0" allow="加速度计;自动播放;写入剪贴板;加密媒体;陀螺仪;画中画" allowfullscreen>
在 Ckeditor 中,我看到 YouTube 的一个黑色方块写着:视频不可用
我检查了我的配置,但我看不出有什么问题,我给你看我配置的一些代码:
Default.yaml
editor:
config:
allowedContent: true
removeFormatAttributes: ""
youtube_width: 550
extraAllowedContent: '*(*)[data-*]; iframe'
externalPlugins:
youtube: {resource: "EXT:skin/Resources/Public/vendor/scripts/youtube/youtube/plugin.js"}
extraAllowedContent:
- span
- iframe
allowTags:
- iframe
processing:
allowTags:
- iframe
allowTagsOutside:
- iframe
Page.ts :
RTE.default {
proc {
blockElementList := addToList(iframe)
externalBlocks := addToList(iframe)
}
}
PageTemplate.ts
lib.parseFunc_RTE.allowTags := addToList(object,param,embed,iframe)
lib.parseFunc.htmlSanitize = 0
lib.parseFunc_RTE.htmlSanitize = 0
有人可以告诉我们我的配置有什么问题吗?我正在使用 TYPO3 9.5
谢谢你
更新:现在可以使用了,我在我的 PageTemplate.ts 中添加了最后一行,我编辑了我的代码以显示我的修复
你可以试试:
editor:
externalPlugins:
youtube: {resource: "EXT:image_displayer/Resources/Public/youtube/plugin.js"}
typo3image:
allowedExtensions: "jpg,jpeg,png"
config:
allowTags:
- pre
- code
- iframe
allowedContent: true
removePlugins: null
processing:
allowTags:
- pre
- code
- iframe
allowedContent: true
removeFormatAttributes: ""
youtube_width: 550
您可能还需要一个 YouTube 插件
获取插件:https://ckeditor.com/cke4/addon/youtube
将插件放入custom_ext/Resources/Public/CKEditor/Plugins/youtube/文件夹
还有:
将嵌入代码粘贴到编辑器的源代码视图中,也许可以代替使用 youtube 按钮。
还需要这一行:
lib.parseFunc_RTE.allowTags := addToList(object,param,embed,iframe)
我尝试使用来自 YouTube 的 iframe link 在我的 text/image 内容中添加 YouTube 视频,或者通过点击“嵌入 Youtube 视频”并添加嵌入代码,但它没有工作,在 frond en 我看到一个 Iframe 应答器,如:
<--iframe width="560" height="315" src="https://www.youtube.com/embed/dqsdsdq" title="YouTube 视频播放器" frameborder="0" allow="加速度计;自动播放;写入剪贴板;加密媒体;陀螺仪;画中画" allowfullscreen>
在 Ckeditor 中,我看到 YouTube 的一个黑色方块写着:视频不可用
我检查了我的配置,但我看不出有什么问题,我给你看我配置的一些代码:
Default.yaml
editor:
config:
allowedContent: true
removeFormatAttributes: ""
youtube_width: 550
extraAllowedContent: '*(*)[data-*]; iframe'
externalPlugins:
youtube: {resource: "EXT:skin/Resources/Public/vendor/scripts/youtube/youtube/plugin.js"}
extraAllowedContent:
- span
- iframe
allowTags:
- iframe
processing:
allowTags:
- iframe
allowTagsOutside:
- iframe
Page.ts :
RTE.default {
proc {
blockElementList := addToList(iframe)
externalBlocks := addToList(iframe)
}
}
PageTemplate.ts
lib.parseFunc_RTE.allowTags := addToList(object,param,embed,iframe)
lib.parseFunc.htmlSanitize = 0
lib.parseFunc_RTE.htmlSanitize = 0
有人可以告诉我们我的配置有什么问题吗?我正在使用 TYPO3 9.5
谢谢你
更新:现在可以使用了,我在我的 PageTemplate.ts 中添加了最后一行,我编辑了我的代码以显示我的修复
你可以试试:
editor:
externalPlugins:
youtube: {resource: "EXT:image_displayer/Resources/Public/youtube/plugin.js"}
typo3image:
allowedExtensions: "jpg,jpeg,png"
config:
allowTags:
- pre
- code
- iframe
allowedContent: true
removePlugins: null
processing:
allowTags:
- pre
- code
- iframe
allowedContent: true
removeFormatAttributes: ""
youtube_width: 550
您可能还需要一个 YouTube 插件
获取插件:https://ckeditor.com/cke4/addon/youtube
将插件放入custom_ext/Resources/Public/CKEditor/Plugins/youtube/文件夹
还有:
将嵌入代码粘贴到编辑器的源代码视图中,也许可以代替使用 youtube 按钮。
还需要这一行:
lib.parseFunc_RTE.allowTags := addToList(object,param,embed,iframe)