Elm Katexのinline表示の不具合修正

　 Elm Katexの数式表示ができるようにはなったものの、Viewを更新すると数式が、どんどん追加されてしまう現象が起きてしまった。Elmのバージョンの違いの影響だろうか。

　domの様子を解析してみると、どうやら勝手に式表示のためのspanが追加されてしまうことが原因だとわかる。Elmで、対象の要素に適当にclass名("inline")をつけて、それをもとに、不要なものを削除する方向で試したら、なんとか修正できた。

じつは、discourseに質問していたが、結局、リプライを待つあいだ、自己レスという結果に。リプライがなかったのは、英文表現がまずかった？あるいは、あまり興味をひくトピックではなかった？

  Elm側: htmlGenerator isDisplayMode stringLatex = case isDisplayMode of Just True -> div [style "font-size" "30px"] [ text stringLatex ] Just False -> span [style "font-size" "30px",class "inline"] [ text stringLatex ] Nothing -> span [style "font-size" "30px",class "human"] [ text stringLatex ] divkatex lstkatex= lstkatex |> List.map (K.generate htmlGenerator) |> div [class "katexl"] Html側： var opt = { delimiters: [ { left: "$begin-inline$", right: "$end-inline$", display: false }, { left: "$begin-display$", right: "$end-display$", display: true } ]}; document.addEventListener("DOMContentLoaded", function() { renderMathInElement(document.body, opt); }); var ilns = document.getElementsByClassName('inline'); document.addEventListener("DOMSubtreeModified", function() { renderMathInElement(document.body,opt); for(var i = 0 ; i < ilns.length ; ++i){ if (ilns[i].childElementCount>1) { ilns[i].removeChild(ilns[i].lastChild) ; }else{ } }; });