更改 CKEditor youtube 插件设置

Question

我正在使用内联 CKEditor WYIWYG 编辑器工作网站，并启用 youtube 插件。我想知道是否可以禁用当您尝试添加视频时显示的模式窗口中的某些高级设置。我想（完全）禁用这些选项

1. 嵌入式代码 - 相反，我希望用户能够只插入 youtube 链接
2. Youtube 视频尺寸 - 由于布局的原因，尺寸必须固定为一定的宽度和高度。

我是否缺少任何设置来禁用此功能？

Answer 1

您进入插件“youtube”并在文件“plugin.js”中删除不需要的内容。

我确实喜欢这样。

不知道还有没有其他方法。

Answer 2

首先，我强烈推荐您在开发文本编辑器时使用

Developer Tools

插件。它会告诉您对话框、选项卡和控件的名称 (id)：

http://ckeditor.com/addon/devtools

安装后，您可以轻松找到任何元素的 id。显然，在将其推入生产环境之前删除该插件！！

这里是删除您询问的项目的代码（隐藏 URL 上方的“或”的最后一行需要 jQuery。您可以使用

document.getElementById(cke_67_uiElement)

找到该元素以将其删除，或使用 CSS

display: none

来删除它。另外， ID 可能特定于我的实现，因此请使用 Firebug 找出该元素的确切 ID。）：

        CKEDITOR.on('dialogDefinition', function (ev){
            // Take the dialog name and its definition from the event data.
            var dialogName = ev.data.name;

            if (dialogName == 'youtube'){
                var dialogDefinition = ev.data.definition;
                var youtubeTab = dialogDefinition.getContents('youtubePlugin');
                youtubeTab.remove('txtEmbed');
                youtubeTab.remove('txtWidth');
                youtubeTab.remove('txtHeight');

                //remove span with "or" inside
                $("#cke_67_uiElement").hide();
            }
        });

Answer 3

2024 年解决方案。这是现有答案的变体，因为对我来说至少“或”元素尚未呈现，因此需要 setTimeout 来让它在隐藏之前完全呈现。

CKEDITOR.on('dialogDefinition', function (ev){
    // Take the dialog name and its definition from the event data.
    var dialogName = ev.data.name;

    if (dialogName == 'youtube'){
        var dialogDefinition = ev.data.definition;
        var youtubeTab = dialogDefinition.getContents('youtubePlugin');
        youtubeTab.remove('txtEmbed');
        youtubeTab.remove('txtWidth');
        youtubeTab.remove('txtHeight');

        //wait for "or" ui element to render then hide it.
        setTimeout(function() {
            var element = document.getElementById('cke_465_uiElement');
            if (element) {
            element.style.display = 'none';
            }
        }, 0);
          
    }
});