私はpyccoを使用しており、doc-html の一部としてknowlを埋め込みたいと考えています。
マークダウン コメントとして入力するだけで、doc-html を直接レンダリングできます。つまり#<div>hi<div>、doc-html に正しく表示されます。
コメントを使用して JavaScript を挿入します。
"""
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js">
</script>
<link href="http://aimath.org/knowlstyle.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://aimath.org/knowl.js"></script>
"""
ただし、既知のアンカーを挿入する<a knowl="/knowl/k1.html">knwl1</a>と、要素は正しい領域で開閉します。ただし、リンクされた html の内容は表示されません。
(pycco のような方法で) アンカーをスタイリングしようとすると、要素がページ全体に広がり、右側の領域で開いたり閉じたりしません。html コンテンツも表示されません。
<td class=docs>
<div class="octowrap">
<a class="octothorpe" href="#section-7">#</a>
</div>
<a knowl="/knowl/k1.html">knowli.</a>
</td>