Jupyter notebookをWordPressに転載する

概要

・Jupyter notebookを手っ取り早くwordpressに転載する方法。

HTML

div#ipynb_test -> iframe#iframe_test
という構造を想定しています。Jupyterからnotebookをhtmlとして出力。それをwordpressと同一ドメイン上にアップロードしております。

JavaScript

というかJSをどうやって書くかを忘れてたので備忘録。notebookファイル自体には手を加えずにその外側で対応するようにしています。

最初はload関数を使って読み込もうと思ったのですが、レイアウトとCSSが大幅に崩れるようなのでiframeを使っています。
iframeのheightはnotebookのheightと同様になるようにsetIntervalで毎秒判定しています。
(もう少し良い方法があるような気がする)
また転載に伴い必要のないCSSの一部をオフにしています。

描画テスト