You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
lcode 3e2cfb234a 初始 4 weeks ago
..
README.md 初始 4 weeks ago
config.js 初始 4 weeks ago
package.json 初始 4 weeks ago
plugin.js 初始 4 weeks ago
plugin.min.js 初始 4 weeks ago
tex-mml-chtml.js 初始 4 weeks ago

README.md

TinyMCE MathJax Plugin

Patreon donate button Buy Me A Coffee donate button

This plugin using MathJax library for rendering math font.

This plugin compatible with TinyMCE 5 and MathJax 3.

Install

NPM:

npm i @dimakorotkov/tinymce-mathjax --save

You can install mathjax and tinymce from npm

npm i mathjax --save
npm i tinymce --save

Download

Usage

TinyMCE editor

Configure your TinyMCE init settings by adding external_plugins and usage of mathjax:

tinymce.init({
  ...
  external_plugins: {'mathjax': '/your-path-to-plugin/@dimakorotkov/tinymce-mathjax/plugin.min.js'},
  toolbar: 'mathjax',
  mathjax: {
    lib: '/path-to-mathjax/es5/tex-mml-chtml.js', //required path to mathjax
    //symbols: {start: '\\(', end: '\\)'}, //optional: mathjax symbols
    //className: "math-tex", //optional: mathjax element class
    //configUrl: '/your-path-to-plugin/@dimakorotkov/tinymce-mathjax/config.js' //optional: mathjax config js
  }
});

View

For displaing mathjax on web page you have to add MathJax to the website itself. It is recommended to include /your-path-to-plugin/@dimakorotkov/tinymce-mathjax/config.js

  <script src="/your-path-to-plugin/@dimakorotkov/tinymce-mathjax/config.js" type="text/javascript" charset="utf-8"></script>
  <script src="/path-to-mathjax/es5/tex-mml-chtml.js" type="text/javascript" charset="utf-8"></script>

You can add an optional param to config.js - class

  <script src="/your-path-to-plugin/@dimakorotkov/tinymce-mathjax/config.js?class=custom-mathjax-element-class" type="text/javascript" charset="utf-8"></script>

License - MIT