Styling iframe content

Question

Есть ли возможность стирать контент iframe?

Я работаю над интеграцией Google и включая iframe с документом.

<iframe src="https://docs.google.com/document/d/1FXbO5XkM5jIcvkqNTEu2EoxmU9UmlyLaa8NPmlcQW1M"></iframe> 

В этом документе google есть меню (File, Edit ...), которое я не хочу отображать. Есть ли возможность настроить таргетинг на эти элементы и дать им такие атрибуты, как. Дисплей: нет? Или просто скрыть эти элементы?

Спасибо!

Answer 1

хорошо, как вы сказали как-то,

вы могли бы попробовать:

<div id="trick"> 
    <iframe/> 
</div> 

#trick{ 
    overflow:hidden; /* you will have to play a bit with heights and widths*/ 
} 
#trick iframe{ 
    position:absolute; /*or relative. depending on your markup*/ 
    top:-90px /* Asuming the menu you want to hide is that height */ 
} 

'Кажется', чтобы сделать работу: http://jsfiddle.net/Tey5f/3/

или вы можете:

$('iframe').contents().find('head').append('rel="stylesheet" type="text/css" href="myChanges.css" />'); 

Answer 2

Невозможно применить стили к внешнему сайту, например Google Docs, междоменной профилактике.

Answer 3

Это невозможно. Тем не менее, вы можете использовать прокси-сервер для загрузки контента от Google :) После того, как вы настроите на стороне сервера для прокси такого запроса просто заменить Googles URLs с чем-то вроде этого:

http://yoursite.com/googleproxy/document/d/1FXbO5XkM5jIcvkqNTEu2EoxmU9UmlyLaa8NPmlcQW1M 

Но могут возникнуть проблемы с содержанием связанного этим Googles страницы, потому что теперь запросы docs.google.com являются междоменными.