I have a blog and a forum where I want to allow people to write in LaTeX. There is this library KaTeX which is great for html. They provide this code which works for me on html pages:
<!DOCTYPE html><!-- KaTeX requires the use of the HTML5 doctype. Without it, KaTeX may not render properly --><html><head><linkrel="stylesheet"href="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/katex.min.css"integrity="sha384-AfEj0r4/OFrOo5t7NnNe46zW/tFgW6x/bCJG8FqQCEo3+Aro6EYUG4+cU+KJWu/X"crossorigin="anonymous"><!-- The loading of KaTeX is deferred to speed up page rendering --><scriptdefersrc="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/katex.min.js"integrity="sha384-g7c+Jr9ZivxKLnZTDUhnkOnsh30B4H0rpLUpJ4jAIKs4fnJI+sEnkvrMWph2EDg4"crossorigin="anonymous"></script><!-- To automatically render math in text elements, include the auto-render extension: --><scriptdefersrc="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/contrib/auto-render.min.js"integrity="sha384-mll67QQFJfxn0IYznZYonOWZ644AWYC+Pt2cHqMaRhXVrursRwvLnLaebdGIlYNa"crossorigin="anonymous"onload="renderMathInElement(document.body);"></script></head> ... </html>
I want to create a dynamic page which is linked to the blog posts, and has a textbox (or an html frame, or whatever) which takes the written article and puts it in the body of this html code, so that eventually the text is of the KaTeX format.
However, when I have a textbox, even the following code compiles to the text “removed” when I preview:
$w('#text1').html="<html><head></head><body> abcde</body></html>";
What can I do?