GitXplorerGitXplorer
U

marked-katex-extension

public
52 stars
16 forks
0 issues

Commits

List of commits on branch main.
Verified
b3cac885ac8152ff95cb44016cf904f23a09d6c2

Merge pull request #437 from UziTech/dependabot/npm_and_yarn/marked-14.1.2

ggithub-actions[bot] committed 10 days ago
Verified
63083b620013471420c78dafdd5565e8c049320c

Merge pull request #436 from UziTech/dependabot/npm_and_yarn/semantic-release/github-10.3.3

ggithub-actions[bot] committed 10 days ago
Verified
ef6a255812bdd3ca8f6bde12a02bcd6d07ec635f

Merge pull request #435 from UziTech/dependabot/npm_and_yarn/tsd-0.31.2

ggithub-actions[bot] committed 10 days ago
Verified
4eb14b724f834622815bf7695bb255814646b789

chore(deps-dev): bump marked from 14.1.0 to 14.1.2

ddependabot[bot] committed 10 days ago
Verified
052f2cec35e19b5afa80f39377f9bb813b4df916

chore(deps-dev): bump @semantic-release/github from 10.3.0 to 10.3.3

ddependabot[bot] committed 10 days ago
Verified
3a284049b8a9b4d0337af7b147ebfc7bf499915f

chore(deps-dev): bump tsd from 0.31.1 to 0.31.2

ddependabot[bot] committed 10 days ago

README

The README file for this repository.

marked-katex-extension

Render katex code in marked

This is inline katex: $c = \\pm\\sqrt{a^2 + b^2}$

This is block level katex:

$$
c = \\pm\\sqrt{a^2 + b^2}
$$

You will still need to include the css in your html document to allow katex styles.

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.8/dist/katex.min.css" integrity="sha384-GvrOXuhMATgEsSwCs4smul74iXGOixntILdUW9XmUC6+HX0sLNAK3q71HotJqlAn" crossorigin="anonymous">

Usage

import {marked} from "marked";
import markedKatex from "marked-katex-extension";

// or in the browser
// <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@{version}/dist/katex.min.css" integrity="sha384-n8MVd4RsNIU0tAv4ct0nTaAbDJwPJzDEaqSD1odI+WdtXRGWt2kTvGFasHpSy3SV" crossorigin="anonymous">
// <script defer src="https://cdn.jsdelivr.net/npm/katex@{version}/dist/katex.min.js" integrity="sha384-XjKyOOlGwcjNTAIQHIpgOno0Hl1YQqzUOEleOLALmuqehneUG+vnGctmUb0ZY0l8" crossorigin="anonymous"></script>
// <script src="https://cdn.jsdelivr.net/npm/marked@{version}/lib/marked.umd.js"></script>
// <script src="https://cdn.jsdelivr.net/npm/marked-katex-extension@{version}/lib/index.umd.js"></script>

const options = {
  throwOnError: false
};

marked.use(markedKatex(options));

marked.parse("katex: $c = \\pm\\sqrt{a^2 + b^2}$");

image

Block level

You can include newlines in block level katex. Block level katex must contain starting and ending delimiters on their own line.

marked.parse(`
$$
\\begin{array}{cc}
   a & b \\\\
   c & d
\\end{array}
$$
`);

DisplayMode

displayMode will be on by default when using two dollar signs ($$) in inline or block katex. And it will be off by default for a single dollar sign ($) in inline or block katex.

Non Standard

If you want to be able to parse mathematical formulas in non-standard markdown format, that is, without spaces before and after $ or $$, you can turn on the nonStandard option.

import {marked} from "marked";
import markedKatex from "marked-katex-extension";

const options = {
  nonStandard: true
};

marked.use(markedKatex(options));

marked.parse(`
afdaf$x=x^2$4$x=x^2$

$$
x = x^2
$$
`);

image

options

Options are sent directly to katex