在TinyMCE'中使用mathjax进行预览；本机预览插件

如何使TinyMCE能够在其本机预览插件中使用MathJax？ 前端界面中的TinyMCE编辑器是在function.php文件中使用与此类似的代码设置的

function editor_settings($args = array()){
return array(
'textarea_name' => 'post_content',
'tinymce'       => array(
                        'plugins' => "preview",
                        'toolbar' => "redo undo bold italic preview",
                        'setup'   => "function(ed){
                                               ed.onChange.add(function(ed, l) {
                                                  var content = ed.getContent();
                                                  if(ed.isDirty() || content === '' ){
                                                     ed.save();
                                                     jQuery(ed.getElement()).blur(); // trigger change event for textarea
                                                  }
                                               }"
));
}

我使用的是MathJax的CDN副本，MathJax的配置代码如下：

<script type="text/x-mathjax-config">
                  MathJax.Hub.Config({
                    tex2jax: {
                      inlineMath: [ ['$','$'],["\\(","\\)"] ],
                      displayMath: [['$$','$$'], ["\\[","\\]"] ],
                      processEscapes: true
                    },
                    "HTML-CSS": { 
                                    matchFontHeight: false,
                                    availableFonts: ["TeX"],
                                    webFont: 'Latin-Modern',
                                    preferredFont: 'Latin-Modern',
                                    scale: 100,
                    },
                    CommonHTML: { 
                                    matchFontHeight: false
                    },
                    SVG: {
                                    matchFontHeight: false
                    }
                  });
</script>

MathJax.Hub.Config({
tex2jax：{
inlineMath:[['$'，'$']，[“\\（“，“\\）”]，
displayMath:[['$'，'$$']，[“\\[”，“\\]”]，
processEscapes：正确
},
“HTML-CSS”：{
高度：false，
有效成分：[“TeX”]，
webFont:“拉丁现代”，
首选字体：“拉丁现代”，
比例：100，
},
公共HTML:{
匹配高度：false
},
SVG：{
匹配高度：false
}
});

我能解决这个问题。修改是在插件的文件“plugin.min.js”中完成的，该文件可以通过以下路径找到

/wp includes/js/tinymce/plugins/preview/

你需要寻找

e += '<link type="text/css" rel="stylesheet" href="' + f(c.documentBaseURI.toAbsolute(a)) + '">'

e+=''

并插入这两行来加载和配置MathJax

e += '<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.4/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>'
e += '<script type="text/x-mathjax-config"> MathJax.Hub.Config({ "HTML-CSS": { matchFontHeight: false, availableFonts: ["TeX"], webFont: \'Latin-Modern\', preferredFont: \'Latin-Modern\', scale: 100, }, CommonHTML: { matchFontHeight: false }, SVG: { matchFontHeight: false } }); </script>'

e+=''
e+='MathJax.Hub.Config（{“HTML-CSS”：{matchFontHeight:false，availableFonts:[“TeX”]、webFont:\'Latin-Modern\'，preferredFont:\'Latin-Modern\'，比例：100，}，CommonHTML:{matchFontHeight:false}，SVG:{matchFontHeight:false}）；'

我能解决这个问题。修改是在插件的文件“plugin.min.js”中完成的，该文件可以通过以下路径找到

/wp includes/js/tinymce/plugins/preview/

你需要寻找

e += '<link type="text/css" rel="stylesheet" href="' + f(c.documentBaseURI.toAbsolute(a)) + '">'

e+=''

并插入这两行来加载和配置MathJax

e += '<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.4/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>'
e += '<script type="text/x-mathjax-config"> MathJax.Hub.Config({ "HTML-CSS": { matchFontHeight: false, availableFonts: ["TeX"], webFont: \'Latin-Modern\', preferredFont: \'Latin-Modern\', scale: 100, }, CommonHTML: { matchFontHeight: false }, SVG: { matchFontHeight: false } }); </script>'

e+=''
e+='MathJax.Hub.Config（{“HTML-CSS”：{matchFontHeight:false，availableFonts:[“TeX”]、webFont:\'Latin-Modern\'，preferredFont:\'Latin-Modern\'，比例：100，}，CommonHTML:{matchFontHeight:false}，SVG:{matchFontHeight:false}）；'