google doc 문서 웹 게시 및 IFrame 자동 높이 조절

google doc 에서 작성한 문서를 게시하는 방법입니다.

1. 웹게시 
- google doc 문서에서 "file > 웹게시" 를 선택합니다.

2. 아래와 같이 빨강색 원의 “임베드”를 선택하면 url 정보가 출력됩니다.

"image_2.png"

참고> 게시물이 수정되면 자동으로 게시되게 할려면 위의 체크박스를 유지합니다.

3. 글쓰기
tistory 에서 default 설정은 editor인데, 이걸 강제로 HTML 체크박스를 선택하면 HTML을 바로 넣을 수 있습니다. 위의 2번에서 출력된 url을 복사하여 붙여넣습니다. 빨강색의 내용을 추가하면 좀더 깔끔하게(볼 수 있습니다) width 값은 Skin 의 폭 정보보다 조금 작게 하면 보기가 괜찮습니다.

< 추가 : Iframe의 자동 높이 조절 [1]>

<SCRIPT type=text/javascript> window.onload = function() {      pageheight = document.body.offsetHeight;      parent.document.getElementById("googleDocs").height = pageheight;      parent.document.getElementById("googleDocs").width=890 } </SCRIPT> <IFRAME id=googleDocs marginHeight=0 src="URL?embedded=true" frameBorder=0 scrolling=no> </IFRAME>

 새로운 창이 아닐 경우, 잘 안된다. 그 때에는 아래와 같이 수동으로 해야 한다.

<IFRAME src="https://docs.google.com/document/d/1uptyyR6b_qGl2XWvcffLPbmi7iA6Usw81XMFJc7Ya04/pub?embedded=true" frameBorder=0 height=1000 width=890 scroll="auto"/>

 

[1] IFrame 높이조절 소스 참조 : https://www.xpressengine.com/tip/19136944