CKEditor：允许视频嵌入代码

发布于 2024-10-20 16:55:34 字数 169 浏览 3 评论 0原文

我正在使用 CKEditor，并希望允许插入来自 YouTube、Vimeo 等的嵌入代码。 CKEditor 将所有标签转换为等效的 HTML Chars，这很好，但我希望它对此类内容进行例外处理。 iFrame 似乎就是现在的做法，那么我如何告诉 CKEditor 不理会 iFrame 标签呢？

谢谢。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

请止步禁区 2024-10-27 16:55:35

不。这些答案都不完全准确。该插件对于你想做的事情来说太过分了。对以下文本进行项目范围搜索：extraAllowedContent 并将 'iframe[!src];' 添加到任何其他允许的内容中。然后添加以下内容：allowedContent: true,

回复收藏 0 原文

ま柒月 2024-10-27 16:55:35

CKEditor 附带一个 config.js 文件。在此文件中，将参数 config.allowedContent 设置为 true。

例如，

CKEDITOR.editorConfig = function( config )
{
    config.toolbar_TRiGCustom =
    [
        ['Bold','Italic','Underline','-','JustifyLeft','JustifyCenter','-','Blockquote'],
        ['FontSize'],
        ['Undo','Redo'],
        ['Link','Unlink','Image','Table'],
        ['NumberedList', 'BulletedList'],
        ['Source'],
        ['Maximize']
    ];
    config.toolbar = 'TRiGCustom';
    config.forcePasteAsPlainText = true;
    config.forceSimpleAmpersand = true;
    config.resize_enabled = false;
    config.toolbarCanCollapse = false;
    config.scayt_autoStartup = true;
    config.language = 'en';
    config.uiColor = '#76BC49';
    config.width = '97%';
    config.extraPlugins = 'maximize';
    config.allowedContent = true;
};

我在 Amixa 博客。该博客文章似乎是为名为 ASPMAKER 的特定 CMS 编写的，并且还建议对该 CMS 中的特定 ASP 文件进行调整，但对 CKEditor 配置的此编辑是通用的，并且适用于 CKEditor，无论您在何处使用它。 config.allowedContent = true; 行就是您所需要的。

CKEditor comes with a config.js file. In this file, set the paramater config.allowedContent to true.

For example,

CKEDITOR.editorConfig = function( config )
{
    config.toolbar_TRiGCustom =
    [
        ['Bold','Italic','Underline','-','JustifyLeft','JustifyCenter','-','Blockquote'],
        ['FontSize'],
        ['Undo','Redo'],
        ['Link','Unlink','Image','Table'],
        ['NumberedList', 'BulletedList'],
        ['Source'],
        ['Maximize']
    ];
    config.toolbar = 'TRiGCustom';
    config.forcePasteAsPlainText = true;
    config.forceSimpleAmpersand = true;
    config.resize_enabled = false;
    config.toolbarCanCollapse = false;
    config.scayt_autoStartup = true;
    config.language = 'en';
    config.uiColor = '#76BC49';
    config.width = '97%';
    config.extraPlugins = 'maximize';
    config.allowedContent = true;
};

I found this solution on the Amixa Blog. The blog post seems to be written for a specific CMS called ASPMAKER, and also recommends tweaks to specific ASP files in that CMS, but this edit to CKEditor config is generic, and applies to CKEditor wherever you're using it. The line config.allowedContent = true; is all you need.

回复收藏 0 原文