Tôi cố gắng để chèn một số mã MathJax vào một div contentEditable, như vậy:Chèn MathJax vào contenteditable div
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<meta charset=utf-8 />
<script src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML"> </script>
</head>
<body>
<div id="editor" contentEditable="true" style="width:400px;height:400px;">
</div>
và JS
$(document).ready(function() {
$('#editor').focus();
var code = "\\alpha";
var html = '<span id="_math"><script type="math/tex;mode=in-line">'+ code +'</script></span>';
document.execCommand('insertHTML', false, html);
MathJax.Hub.Queue(["Typeset", MathJax.Hub, '_math']);
});
nào làm cho OK, nhưng một khi điều này được chèn vào, phần tử bị đóng băng và đầu vào thêm là không thể. Ai đó có thể chỉ ra vấn đề ở đây.
Lưu ý từ tương lai: cdn.mathjax.org sắp hết hạn, hãy kiểm tra https://www.mathjax.org/cdn-shutting-down/ để biết các mẹo di chuyển. –