mathjax怎么对特定标签进行渲染,其他的不渲染

新手上路,请多包涵
我想问下mathjax要怎样设置或处理才能在同一个网页里面对特定标签包裹的公式进行渲染,而其他地方的公式不进行渲染,想要效果如下面这张ckeditor里的:

图片描述

这张图的源码看下图

图片描述

但是用ckeditor进行预览的时候就变了,变成了上面那个不想渲染的也被渲染了。我把源码里的复制出来,加上mathjax.js,最后效果也和下图一样。把mathjax包里面的例子都试了试,把上面的源码加进行,都是整个页面所有的公式全部被渲染。

图片描述

现在想请教下,单网页显示或预览要怎样才能实现像ckeditor编辑器里那样的,只对<span class="my-math"></span>标签包裹的公式进行渲染,应该是有方法的吧,因为ckeditor编辑器里从源码页面切换回编辑页面时整个编辑器里的内容都是要全部重新渲染的。请知道这个问题怎么解决的,不吝赐教,谢谢。
阅读 5.1k
2 个回答
新手上路,请多包涵

兄dei,解决了吗,我也遇到这样的问题~

新手上路,请多包涵
MathJax = {
    tex: {inlineMath: [['$', '$'], ['\\(', '\\)']], //行内公式选择符
        displayMath: [["$$", "$$"], ["\\[", "\\]"]], //段内公式选择符
        skipTags: ["script", "noscript", "style", "textarea", "pre", "code", "a"] //避开某些标签
    },
    options: {
        skipHtmlTags: [ // HTML tags that won't be searched for math
            'script', 'noscript', 'style', 'textarea', 'pre',
            'code', 'annotation', 'annotation-xml'
        ],
        includeHtmlTags: { // HTML tags that can appear within math
            br: '\n', wbr: '', '#comment': ''
        },
        ignoreHtmlClass: 'raw-content', // class that marks tags not to search
        processHtmlClass: 'render-content', // class that marks tags that should be    ˓→searched
        compileError: function (doc, math, err) {doc.compileError(math, err)},
        typesetError: function (doc, math, err) {doc.typesetError(math, err)}
    }
};
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题