0

angle 지시어가있는 서식있는 텍스트 편집기를 만들고 싶습니다. 대해 designMode Attr의 크롬, 오페라 및 기타 크롬 기본 브라우저에서 잘 작동하지만, 파이어 폭스에서 작동하지 않았다가, 여기에 행동에 볼 수있는 plunker입니다 :firefox 설정하지 마십시오 iframe designMode to Angular Directive

https://plnkr.co/edit/Ow6BxOAneLsNjkyZmGiy 

그러나 브라우저 로딩은 우리의 designMode를 on으로 설정할 수 있습니다 때 파이어 폭스 콘솔 :

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

왜 햅을 :

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

우리는 쉽게 파이어 폭스 콘솔에 각 지침에 iframe을 기록 할 수 있습니다 ening ??

답변

0

당신은 SSL 암호화 된 웹 사이트 (https : //로)에 Iframe을 추가하려는 경우 모질라는 암호화 된 웹 사이트에 대한 차단 된 모든 암호화되지 않은 콘텐츠를하기로 결정했기 때문에, 는 파이어 폭스 (23) 이후 더 이상 작동하지 않습니다 (예 : https- 웹 사이트의 http-iframe). 주소 표시 줄에 about : config를 입력하고 security.mixed_content.block_active_content를 false로 설정하여 Firefox 설치시이 동작을 변경할 수 있습니다. 그러나 그것은 귀하의 웹 사이트에있는 다른 모든 FF23 방문자들에게 도움이되지 않습니다.

+0

'security.mixed_content.block_active_content를 false로 설정했지만 문제가 해결되지 않았습니다. SSL을 사용하지 않고 localhost에서 프로젝트를 실행해도 –

+0

ff 포럼 https://support.mozilla.org/en-US/questions/737230을 확인할 수 있습니다. 내 제안은 iframe을 피하고 각 템플리트를 사용하는 것입니다 .. –

+0

Please firefox에서 [plunker] (https://plnkr.co/edit/Ow6BxOAneLsNjkyZmGiy)를 열어보고이 문제가 발생했는지 확인하십시오. –