Click on a mathematical expression to see the button on the toolbar to edit or insert the expression using the plus button.

<h2>The Relevant Maths</h2>
The reason why some modern physicists think that mathematics has summed the natural numbers actually
has nothing to do with simple algebraic manipulations of the series. So let's take it in stages, and begin
with some much simpler ideas.

$$x = \begin{cases}
 a &\text{if } b \\
 c &\text{if } d
\end{cases}$$

In contrast, the ordered sequence $1,\; 1 + 2,\; 1 + 2 + 3, \dots$ has no limit at all
that you can find on a number line. By convention we then say that the sum tends to infinity; although you can't
find infinity on a number line, mathematicians do supplement the number system with a "number" called infinity, and so
it can be said that $1 + 2 + 3 + \dots$ equals infinity.

$\overbrace{a+b+c}^{\text{my note}}$

For example, what do we mean by the repeating decimal $0.3333\dots$? This represents the infinite series
$3/10 + 3/100 + 3/1000 + \dots$. It can be shown that the ordered sequence $0.3, 0.33, 0.333, 0.3333, \dots$
converges to 1/3 (or "has a limit of 1/3", or "tends toward 1/3"), and so we define $0.3333\dots$ to equal
1/3. (Technically, that means we can always find an element in that sequence of $0.3, 0.33, 0.333, 0.3333,
\dots$ which is as close to 1/3 as we wish, and such that all successive elements lie even closer to 1/3.) By
the same token, the repeating decimal $0.9999\dots$ equals 1, because the ordered sequence $0.9, 0.99, 0.999, 0.9999, \dots$ converges to 1.

Code

<!DOCTYPE html>
<html>
    <head>
        <title>Article Editor</title>
        <meta charset="utf-8">

        <!-- css -->
        <link rel="stylesheet" href="/your-article-dist-path/article-editor.css" />
    </head>
    <body>
        <!-- element -->
        <textarea id="entry">...</textarea>

        <!-- js -->
        <script src="/your-article-dist-path/article-editor.js"></script>
        <script src="/your-article-dist-path/plugins/math.js"></script>

        <!-- call -->
        <script>
        ArticleEditor('#entry', {
            plugins: ['math'],
            css: '/your-article-dist-path/',
            custom: {
                css: ['https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/katex.min.css'],
                js: ['https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/katex.min.js']
            },
            math: {
                delimiters: [
                    { left: "$$", right: "$$", display: true },
                    { left: "$", right: "$", display: false },
                    { left: "\\(", right: "\\)", display: false },
                    { left: "\\[", right: "\\]", display: true }
                ]
            }
        });
        </script>
    </body>
</html>

Usage

Katex

The plugin supports Katex library by default. To do this, as shown in the example above, you need to connect CSS and JS libraries in Article.

By default, the plugin does not render inline expressions like $...$ . To change this, run the plugin with delimiters setting like this:

ArticleEditor('#entry', {
    plugins: ['math'],
    css: '/your-article-dist-path/',
    custom: {
        css: ['https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/katex.min.css'],
        js: ['https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/katex.min.js']
    },
    math: {
        delimiters: [
            { left: "$$", right: "$$", display: true },
            { left: "$", right: "$", display: false },
            { left: "\\(", right: "\\)", display: false },
            { left: "\\[", right: "\\]", display: true }
        ]
    }
});

MathJax

To support MathJax 3.0 library, you need to run the plugin with the appropriate settings and connect the library config and JS file of the library itself.

By default, the plugin does not render inline expressions like $...$ . To change this, run the plugin with delimiters setting like this:

 ArticleEditor('#entry', {
    plugins: ['math'],
    css: '/your-article-dist-path/',
    custom: {
        js: [
            '/your-path-to/mathjax-config.js'
            'https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-svg.js'
        ]
    },
    math: {
        mathjax: true,
        delimiters: [
            { left: "$$", right: "$$", display: true },
            { left: "$", right: "$", display: false },
            { left: "\\(", right: "\\)", display: false },
            { left: "\\[", right: "\\]", display: true }
        ]
    }
});

The library config mathjax-config.js file should look something like this:

MathJax = {
    startup: {
        typeset: false
    },
    tex: {
        inlineMath: [['$', '$'], ['\\(', '\\)']]
    },
    svg: {
        fontCache: 'global'
    }
};

Note the automatic rendering of startup.typeset: false. This is a required setting for the plugin to work correctly.