firefox 不使用 Angular Directive 将 iframe designMode 设置为 on

Question

我想创建一个带有角度指令的富文本编辑器。 designMode Attr 在 Chrome、Opera 和其他 chrome 基础浏览器中运行良好，但在 FireFox 中无法运行，这里有一个plunker 来看看：

https://plnkr.co/edit/Ow6BxOAneLsNjkyZmGiy

但是当浏览器加载时，我们可以在 firefox 控制台中将 designMode 设置为 on：

document.getElementById('richtextfield').contentDocument.designMode = 'on';

我们可以轻松地将 iframe 上的 angular 指令记录到 firefox 控制台：

console.log( element.find( 'iframe' )[0] );

为什么会这样？？

Answer 1

如果您尝试在 SSL 加密网站 (https://) 上添加此 iframe，自 Firefox 23 起它将不再起作用，因为 Mozilla 已决定阻止加密网站上的所有未加密内容（例如 https 网站上的 http-iframes）。您可以在自己的 Firefox 安装中更改此行为，方法是在地址栏中键入 about:config 并将 security.mixed_content.block_active_content 设置为 false。但这对您网站上的所有其他 FF23 访问者没有帮助。