使用MathJax的数学方程的WYSIWYG编辑器

我正在尝试使用MathJax构建WYSIWYG编辑器来编写数学公式 。 我试图从textarea中选择随机内容并将其粘贴到div中以将其转换为数学方程式。

    ;  MathJax.Hub.Config({tex2jax: { inlineMath: [ ['$','$'], ['\\(','\\)'] ] } }); MathJax.Hub.Config({tex2jax: { displayMath: [ ['$$','$$'], ['\\(','\\)'] ] } });       
  
$$\sum(a+b)(c+d)$$
 Put Summation Sign  function wrapContent(){ var selectedContent = document.getElementById("wrapSelectedContent"); var pasteselectedContent = document.getElementById("pasteSelectedContent"); var textlength = selectedContent.textLength; var start = selectedContent.selectionStart; var end = selectedContent.selectionEnd; selectedContent.focus(); selectedContent.setSelectionRange(start,end); var selectedContentValue = selectedContent.value.substring(start, end); var replace = "$$\\sum" + selectedContentValue + "$$"; pasteselectedContent.textContent = selectedContent.value.substring(0,start) + " " + replace + " " + selectedContent.value.substring(end,textlength); console.log("Start Index : " + start); console.log("End Index : " + end); console.log("Text Content Length : " + textlength); console.log(selectedContentValue); }    

那么如何将div＃pasteSelectedContent中显示的文本转换为数学方程式请帮我构建这个WYSIWYG编辑器

Answer 1

问题解决了

只是插入

  MathJax.Hub.Queue(["Typeset", MathJax.Hub, "pasteselectedContent"]); 

在第32行之后

 pasteselectedContent.textContent = selectedContent.value.substring(0,start) + " " + replace + " " + selectedContent.value.substring(end,textlength);