2017-03-11 5 views
0

jupyterノートブックのフロントエンドをカスタマイズすることは可能ですか? 基本的に私はJupyterノートブックのようなセルの機能を望むコードブロックを持ったカスタムhtmlページを提供したいと思います。私はページのスタイリングをカスタマイズできますが、レイアウト(html)を変更する方法はありませんでした。jupyterノートブックのデザインをカスタマイズする(スタイリングだけではない)

答えて

0

ファイルcustom.cssと同じ場所にあるcustom.jsファイルを使用して、ページの読み込み時に任意のJavascriptを読み込むことができます。これを使用して、たとえばJQueryを使用してDOMを変更できます。または、より複雑な作業やJavaScriptの配布を計画している場合は、拡張を行うのが最善の方法です(http://jupyter-notebook.readthedocs.io/en/latest/extending/frontend_extensions.html

私が具体的に何をしようとしていたら、 custom.jsファイルの書き込み方法についての基本的な枠組みされています

define([ 
    'base/js/namespace', 
    'base/js/events' 
], function(Jupyter, events) { 
    events.on('app_initialized.NotebookApp', function(){ 
     //your custom code here 
    }); 
}); 
+0

は、私は、各セルの下に実行ボタンを配置し、デフォルトのパネルを削除するとします。これを行う方法?私は私のコードを実行し、結果を返す要求を送信するいくつかの並べ替えのAPIが必要です。このようにして、自分のHTMLをロードして、必要に応じてボタンを配置し、このAPIを呼び出してコードを実行します。 – user3713466

+0

デフォルトのパネルを削除したい場合は、各セルの下に実行ボタンを配置します。これを行う方法?私は私のコードを実行し、結果を返す要求を送信するいくつかの並べ替えのAPIが必要です。このようにして、自分のHTMLをロードして、必要に応じてボタンを配置し、このAPIを呼び出してコードを実行します。 – user3713466

+0

私はあなたのようにデザインを変更すると考えているファイルが何であるか質問しています。あなたの可能性がcustom.jsであり、私の研究でもkernel_gateway apiが適切であると思われます。 – user3713466

関連する問題