Iframe의 텍스트 색상 변경

블로그에 Iframe을 포함하고 싶습니다. 문제는 내 배경이 검은 색이어서 iframe의 텍스트 색상이기 때문입니다.Iframe의 텍스트 색상 변경

어쨌든 원본 콘텐츠에 액세스하지 않고 iframe 텍스트의 색상을 변경할 수 있습니까?

2011-02-02 Steph

<html> 
<head> 
    <script type="text/javascript"> 
     function InitEditable() 
{ 

       var editor = document.getElementById ("editor"); 

      var editorDoc = editor.contentWindow.document;   
      var editorBody = editorDoc.body; 

       // turn off spellcheck 


      if (editorBody.contentEditable === undefined) { // Firefox earlier than version 3 
       if (editorDoc.designMode !== undefined) { 
         // turn on designMode 
        editorDoc.designMode = "on";     
       } 
      } 
      else { 
        // allow contentEditable 
       editorBody.contentEditable = true; 
      } 

     } 





     function ToggleBold() 
    { 
      editorDoc.execCommand ('bold', false, null); 
     } 
     function ToggleItalic() 
    { 
      editorDoc.execCommand ('italic', false, null); 
     } 
     function SetRed() { 
     //sets foreground color 
      editorDoc.execCommand ('foreColor', false, "#ff0000"); 
     } 
     function Delete() { 
      editorDoc.execCommand ('delete', false, null); 
     } 
    </script> 
</head> 
<body onload="InitEditable();"> 
    First, write and select some text in the editor. 
    <br /> 
    <iframe id="editor" src="F:\EXAMPLE\JAVA\FILE\SURESHMNG.txt"></iframe> 
    <input type="textarea" id="ta"></textarea> 
    <br /><br /> 
    You can use the following buttons to change the appearance of the selected text: 
    <br /><br /> 
    <button onclick="ToggleBold();">Bold</button> 
    <button onclick="ToggleItalic();">Italic</button> 
    <button onclick="SetRed();">Set to red</button> 
    <button onclick="Delete();">Delete</button> 
</body> 
</html>

출처

2011-04-01 05:42:46 suresh

짧은 대답은 : 아니오, 소스 페이지를 제어 할 수 없다면 스타일을 제어 할 수 없습니다.

CSS 만 사용하는 것은 불가능합니다. 기본적으로 스타일을 지정하려면 iframe 내용을 제어해야합니다. 필요한 스타일을 동적으로 삽입하기 위해 javascript 또는 웹 언어를 사용하는 메소드가 있지만 iframe 내용을 직접 제어해야합니다.

페이지가 블로그와 동일한 서버에 있다고 가정하면 jQuery를 사용하여 스타일을 제어 할 수 있습니다 (예 : 페이지 스타일을 동적으로 지정). 그러나 자바 스크립트 (따라서 jQuery)는 same origin policy의 영향을받으며 iframe의 소스가 표시되는 도메인과 다른 도메인 인 경우 iframe의 내용을 조작 할 수 없습니다. 소스 페이지는 외부 서버에서 사는 경우

, 대안, 또는 jQuery.load를 사용하여 다음은 iframe로 그로드 file_get_contents를 사용하여 외부 웹 페이지를로드 할 수 있습니다 자신의 PHP "위젯"을 만들 수 있습니다있는 이 스크립트/위젯이 블로그와 동일한 도메인에 존재하는 한 요점은 해당 페이지의 내용을 마음의 내용에 맞게 스타일을 지정하고 제어 할 수 있습니다.

출처

2012-12-09 06:31:18

Iframe의 텍스트 색상 변경

답변

관련 문제