javascript - 为什么我不能将 <object/> 标签插入到 CKEditor4 中？

Question

我的网页中有一个按钮可以触发此功能以插入视频，代码如下:

function setVideo(encodeUrl) {
    var url = decodeURIComponent(encodeUrl);
    var htmlstr = "<div id='video_segment'><object  id='obx' name='obx'   width='290' height='260'>";
    htmlstr += "<param name='movie' value='" + url + "'></param>";
    htmlstr += "<param name='allowFullScreen' value='true'></param>";
    htmlstr += "<param name='allowscriptaccess' value='always'></param>";
    htmlstr += "<param name='wmode' value='opaque'></param>";
    htmlstr += "<embed src='" + url + "' type='application/x-shockwave-flash' allowscriptaccess='always' allowfullscreen='true' wmode='opaque' width='290' height='260'></embed>";
    htmlstr += "</object></div>";
    alert(htmlstr);
    CKEDITOR.instances.Content.insertHtml(htmlstr);
 }

但是，它不能将对象标签插入到我的CKEditor中。顺便说一句，我可以通过这种方式插入图像。为什么？

Answer 1

首先，你需要配置Advanced Content Filter这很可能会剥离大部分 HTML。例如，您可以扩展现有设置:

config.extraAllowedContent = 'div[id]; object[id,name,width,height]; param[name,value]; ' +
    'embed[src,type,allowscriptaccess,allowfullscreen,wmode,width,height]';

请注意，有一个官方 flash插件，它不包含在标准 CKEditor 包中(我猜你有)，它本身允许所有 object、embed 和 param 标签。

因此，如果您将该插件包含在您的包中，您将能够省略我在上面定义的大部分 extraAllowedContent。