How to use the katex/dist/katex.css.toString function in katex

To help you get started, we’ve selected a few katex examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github twosigma / beakerx / js / beakerx_tabledisplay / src / tableDisplay / dataGrid / cell / LatexRenderer.ts View on Github external
*  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *         http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */

import * as katex from 'katex';

export const katexCss = require('katex/dist/katex.css').toString();

const latexFormulaRegex = /^(?:\$)(.+)(?:\$)$/; // match strings like '$e^{i\pi} + 1 = 0$'
const latexCache = {};

export default class LatexRenderer {

    /**
     * Convert given LaTeX formula into HTML representation.
     * @param text - ex. '$e^{i\pi} + 1 = 0$'
     */
    static latexToHtml(text: string): string {
        let [, formula] = text.match(latexFormulaRegex);

        if (latexCache[formula]) {
            return latexCache[formula];
        }