JupiterノートブックのレンダリングされたMarkdownセルのタグにカスタムCSSクラスを追加

Question

JupyterノートブックのMarkdownセルが実行されると、出力はHTMLとしてレンダリングされます。私は、特定のレンダリングされたHTMLタグのすべてのインスタンスにカスタムCSSクラスを追加したいと思います。具体的には、レンダリングされたすべての<li>タグに 'fragment'クラスを追加したいのですが、ノートブックがスライドショーモードのときに自動的にリストアイテムをフラグメントとして扱うためですセルをフラグメントのように動作させるには）

リストアイテムごとにHTMLで 'fragment'クラスを手動で指定することができますが、これは実際にスライドショーモードで意図された動作を生成します。しかし、私はスライドショーのデフォルトの動作をとしたいので、不必要に面倒です。リストアイテムはフラグメントのように動作します。 Jupyterはセルを実行した後、セル内のすべての<li>タグに簡単にclassClass（ 'fragment'）を追加するために使用できるいくつかの種類の "afterRender" JSイベントを公開していますか？そうでない場合は、他の方法でこの目標を簡単に達成できますか？

Answer 1

解決策は、Jupyterによって公開されたrendered.MarkdownCellイベントのイベントハンドラを追加することでした（4.1.0以降）。インサイドcustom.js：

require(['base/js/events'], function(events) { 
    events.on("rendered.MarkdownCell", function() { 
     $('li').addClass('fragment'); 
    }); 
}); 

これは、現在のノートブックで見つかったすべての<li>タグに「断片」クラスを追加します。