Google 캘린더 에서이 문제를 해결했습니다 . 어두운 배경에서 스타일을 지정하고 글꼴을 변경하고 싶었습니다.

다행히도 임베드 코드의 URL에는 직접 액세스에 대한 제한이 없었으므로 PHP 기능을 사용 file_get_contents하면 페이지에서 전체 컨텐츠를 가져올 수 있습니다. Google URL을 호출하는 대신 서버에있는 PHP 파일을 호출 할 수 있습니다 (예 : google.php여기에는 수정 된 원본 콘텐츠가 포함됩니다.

$content = file_get_contents('https://www.google.com/calendar/embed?src=%23contacts%40group.v.calendar.google.com&ctz=America/Montreal');

스타일 시트에 경로 추가하기 :

$content = str_replace('</head>','<link rel="stylesheet" href="http://www.yourwebsiteurl.com/google.css" /></head>', $content);

이렇게하면 스타일 시트가 head종료 태그 바로 앞에 배치됩니다 .

css와 js가 상대적으로 호출되는 경우 원래 URL에서 기본 URL을 지정하십시오.

$content = str_replace('</title>','</title><base href="https://www.google.com/calendar/" />', $content);

최종 google.php파일은 다음과 같아야합니다.

<?php
$content = file_get_contents('https://www.google.com/calendar/embed?src=%23contacts%40group.v.calendar.google.com&ctz=America/Montreal');
$content = str_replace('</title>','</title><base href="https://www.google.com/calendar/" />', $content);
$content = str_replace('</head>','<link rel="stylesheet" href="http://www.yourwebsiteurl.com/google.css" /></head>', $content);
echo $content;

그런 다음 iframe포함 코드를 다음과 같이 변경합니다 .

<iframe src="http://www.yourwebsiteurl.com/google.php" style="border: 0" width="800" height="600" frameborder="0" scrolling="no"></iframe>

행운을 빕니다!

답변

var frm = frames['frame'].document;
var otherhead = frm.getElementsByTagName("head")[0];
var link = frm.createElement("link");
link.setAttribute("rel", "stylesheet");
link.setAttribute("type", "text/css");
link.setAttribute("href", "style.css");
otherhead.appendChild(link);

var $head = $("#eFormIFrame").contents().find("head");

$head.append($("<link/>", {
    rel: "stylesheet",
    href: url,
    type: "text/css"
}));

var head = jQuery("#iframe").contents().find("head");
var css = '<style type="text/css">' +
          '#banner{display:none}; ' +
          '</style>';
jQuery(head).append(css);