Extra Form
PHP PHP 7.2
CMS Rhymix

안녕하세요.

 

tableau public 이라는 플랫폼에서 도표를 만들어서 게시글에 embed 하려고 시도하던 중에 문제가 생겨서 도움을 청합니다.

 

해당 플랫폼에서는 Embed Code 와 Link 를 제공하고 있는데, 처음에는 iframe code 를 embed 하는것처럼 Embed Code 를 복붙 하면서 되겠지.. 라고 생각했는데요.

 

코드를 복붙했더니 그냥 코드가 텍스트로 그대로 나오더라구요 ㅠㅜ

 

게시판은 라이믹스 기반 스케치북 게시판을 쓰고 있는데, 혹시 해당 코드를 게시글에 쉽게 embed 하는 방법이 있을까요?

 

Embed Code 와 Link 아래 첨부합니다. 감사합니다!!

 

 

1. Code 가 너무 길어서 Link 부터 첨부합니다.

https://public.tableau.com/views/Test_15862236718290/Dashboard1?:display_count=y&publish=yes&:origin=viz_share_link

 

2. Embed Code 는 아래에 있습니다.

<div class='tableauPlaceholder' id='viz1586223864912' style='position: relative'><noscript><a href='#'><img alt=' ' src='https:&#47;&#47;public.tableau.com&#47;static&#47;images&#47;Te&#47;Test_15862236718290&#47;Dashboard1&#47;1_rss.png' style='border: none' /></a></noscript>

 

</div>                <script type='text/javascript'>                    var divElement = document.getElementById('viz1586223864912');                    var vizElement = divElement.getElementsByTagName('object')[0];                    if ( divElement.offsetWidth > 800 ) { vizElement.style.minWidth='420px';vizElement.style.maxWidth='650px';vizElement.style.width='100%';vizElement.style.minHeight='587px';vizElement.style.maxHeight='887px';vizElement.style.height=(divElement.offsetWidth*0.75)+'px';} else if ( divElement.offsetWidth > 500 ) { vizElement.style.minWidth='420px';vizElement.style.maxWidth='650px';vizElement.style.width='100%';vizElement.style.minHeight='587px';vizElement.style.maxHeight='887px';vizElement.style.height=(divElement.offsetWidth*0.75)+'px';} else { vizElement.style.width='100%';vizElement.style.height='727px';}                     var scriptElement = document.createElement('script');                    scriptElement.src = 'https://public.tableau.com/javascripts/api/viz_v1.js';                    vizElement.parentNode.insertBefore(scriptElement, vizElement);                </script>

  • profile
    스크립트가 너무 많아서 관리자 외에는 사용할 수 없는 코드입니다.
    저런 방사성폐기물을 embed code랍시고 제공하다니 그 회사도 참 간땡이가 부었네요.
  • profile ?
    헉.. 그런것인가요..? ㅠㅜ
    Blogger by Google, Typepad, Wordpress, Squarespace 등에서 사용 가능하다고 나와 있어서 라이믹스에서도 사용할 방법이 있을줄 알았어요 ㅠ
  • ? profile

    임의의 코드를 복붙하는 방식이 아니라 연동에 필요한 대부분의 코드가 이미 들어가 있는 플러그인이 있다면 가능하겠지요. 주요 블로그 플랫폼과는 이미 그런 부분을 공유해 놓았을 수도 있고요.

     

    아니면 위에 언급된 플랫폼들 대부분이 블로그여서 관리자 외에는 글을 쓰지 않으니까 스크립트가 허용될 수도 있고요. RXE에서도 관리자가 글을 쓸 때는 스크립트 얼마든지 사용 가능합니다.

  • profile ?
    앗 제가 글을 올리려는 홈페이지 관리자이긴 합니다! 그러면 방법이 있을까요?
    아니면 말씀하신 것처럼, 라이믹스용 '연동에 필요한 대부분의 코드가 이미 들어가 있는 플러그인' 이 없을테니 사용하지 못하는 걸까요? 댓글 감사 드립니다!!
  • ? profile
    어디에 어떻게 입력해 보셨는지 주소를 알려주시면 도움이 될 것 같습니다.
  • profile ?
    https://pittkorean.com/test_board
    테스트용 게시판 열어 두었습니다!
  • ? profile
    소스모드로 안 들어가고 그냥 복붙하신 것 같은데요..
  • profile ?
    div 로 시작하는 코드를 통째로 소스모드에 붙여넣기 하면 화면에 아예 아무것도 안 떠서, 일반 모드에서도 넣어봤는데 그러면 그냥 텍스트가 나오더라구요.
    그래서 아래 @유니짱 님이 말씀하신 코드중 div 부분 빼고 iframe 부분만 소스 모드에서 넣어봤더니, 뭐가 나오려고 하긴 하네요!
    근데 도표에 데이터가 로드가 안되고 계속 로딩하는 화면이 떠요 ㅠ
  • profile ?
    구글링 해보니 제가 본문에 적은 코드를 iframe 코드로 바꾸는 방법 몇가지가 나오네요.
    이곳은 밤이 늦어서 내일 한번 시도해봐야겠습니다. 감사합니다!
  • ? ?
    iframe이 되는 사이트에 이 사이트를 추가 하셨나요?
  • ? ?
    구글링 도움으로 iframe 코드 수정해서 해결 했습니다.
    보안 설정 iframe 되는 사이트에 해당 플랫폼 url 을 추가해 주지 않아도 현재 잘 나오기는 하는데, 혹시 몰라서 추가해 두었습니다. 감사합니다!
  • ?
    <div style="position:relative;display:block;height:0;padding:0;overflow:hidden;padding-bottom:56.25%>

    <iframe src="https://public.tableau.com/views/Test_15862236718290/Dashboard1?%3Aembed=y&%3AshowVizHome=no&%3Adisplay_count=y&%3Adisplay_static_image=y&%3AbootstrapWhenNotified=true">

    </div>

    소스에 넣어보세요
  • ? ?
    알려주신 코드 게시글에 넣어보니까 여전히 텍스트만 그대로 나와요..
    소스에 넣어보라고 하셨는데, 그냥 본문에 입력하는거랑 다른 방법이 있는건가요?
  • ? profile
    에디터에서 코드 입력창을 활성화 하시고 입력하셔야 합니다
  • profile ?

    '에디터에서 코드 입력창을 활성화' 를 어떻게 하는건가요?

    제 홈페이지 게시판이 여기 XETOWN 게시판과 거의 똑같은데 (Code Highlighter 가 없는것 빼고는) 메뉴중에 코드 입력창이 뭔지 못찾겠어요..

    '소스' 누르고 입력해 보기도 했는데 그것도 적용이 안 됩니다 ㅠ

  • ? profile
    소스를 누르고 입력하셨는데도 안되시나요?
    그렇다면 보안정책상 코드가 자동으로 지워지는 것 일수도 있습니다.

    혹시 입력하신 코드가 전부 텍스트로 출력되나요?
    아니면 일부분만 텍스트로 출력되나요?
  • profile ?
    소스 누르고 코드 입력할때 div 태그까지 입력하면 아예 아무것도 출력이 안되더라구요.
    그래서 구글링 도움으로 코드 조금 수정한 후에, iframe 코드만 입력해서 해결했습니다. 댓글 감사합니다.