2017-05-16 28 views
0

私は、Flaskを使用して単一のユーザーのUIをホストしています。私がしようとしてきたことは、ユーザーがマークアップ言語を使用してドキュメント内のあらかじめ指定された場所にテキストや画像を挿入するボタンをクリックする方法をセットアップすることです。私はもともとJinja2をこれに使用していましたが、問題は、テキストを少し変更したり、行などを追加する必要がある場合に備えて、データが挿入された後に文書を修正する必要があるということです。フラスコでレンダリングされたテンプレートで行われます。FlaskのJupyter Notebook Iframeをレンダリングする

iuprameを使用してUIにJupiter Notebook(マークアップ言語に基づいています)を持ち込むことは可能ですが、それを成功させることはできません。私が試した何

  1. は私のパブリックJupyterアドレスでiFrameを配置
  2. パブリックであることを私Jupyterノートブックを設定立ち上げる私のHTMLテンプレートファイル...へ<iframe width="400" height="400" src="http://10.33.75.112:8888/notebooks/Desktop/Tool/test.ipynb"/> 空白のIframeと対話できない
  3. NBviewerとNBconvertを使い、何らかの方法で統合できたかどうか確認しましたが、成功しませんでした。

アイデア?

答えて

0

解決策が見つかりました。

Jupyter-notebook-config.pyフォルダには、これを行うためにコメントを外して変更する必要があるいくつかのオプションがあります。

HTMLで次に
c.NotebookApp.allow_origin = '*' #Basic permission 
c.NotebookApp.disable_check_xsrf = True #Otherwise Jupyter restricts you modifying the Iframed Notebook 
c.NotebookApp.ip = 'ENTER_YOUR_JUPYTER_IP_ADDRESS' #Appears in the top browser bar when you launch jupyter 
c.NotebookApp.port = 8888 #Your choice of port 
c.NotebookApp.token = '' #In my case I didn't want to deal with security 
c.NotebookApp.trust_xheaders = True #May or may not make a difference to you 

c.NotebookApp.tornado_settings = { 
'headers': { 
'Content-Security-Policy': "frame-ancestors 'http://127.0.0.1:5000/' 'self' " 
} 
} #assuming your Flask localhost is 127.0.0.1:5000 

<iframe width="1000" height="1000" src="http://ENTER_YOUR_JUPYTER_IP_ADDRESS:8888/notebooks/Desktop/test.ipynb"/> 

編集:また、Google ChromeはそうはMozillaやIEのいずれかを使用して、このようなエラー表示のiframeを持っています。

関連する問題