Skip to content

#108: resolved the issue Latex syntext was not rendering #114

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
twinkal3453 wants to merge 3 commits into
base: main
Choose a base branch
from
Open

#108: resolved the issue Latex syntext was not rendering #114

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
b8dec60
#108: resolved the issue Latex syntext was not rendering
twinkal3453 Jan 9, 2026
190aa50
#108: Improved the "convert()" function where the metrics in the lete…
twinkal3453 Jan 9, 2026
84c9f86
Merge branch 'main' into Conflict_Letex_fix
twinkal3453 Mar 8, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
111 changes: 68 additions & 43 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,83 +1,108 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta http-equiv="content-language" content="en">
<meta http-equiv="content-script-type" content="text/javascript">
<meta http-equiv="content-style-type" content="text/css">
<meta name="description" content="This is the online markdown editor with live preview.">
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<meta http-equiv="content-language" content="en" />
<meta http-equiv="content-script-type" content="text/javascript" />
<meta http-equiv="content-style-type" content="text/css" />
<meta
name="description"
content="This is the online markdown editor with live preview."
/>

<script>
(function(){
(function () {
try {
var BOOT_THEME_KEY = 'com.markdownlivepreview_theme';
var BOOT_THEME_KEY = "com.markdownlivepreview_theme";
var raw = localStorage.getItem(BOOT_THEME_KEY);
var useDark = raw === 'dark';
document.documentElement.setAttribute('data-theme', useDark ? 'dark' : 'light');
var useDark = raw === "dark";
document.documentElement.setAttribute(
"data-theme",
useDark ? "dark" : "light"
);

var PREVIEW_CSS_LIGHT = 'css/github-markdown-light.css?v=1.11.0';
var PREVIEW_CSS_DARK = 'css/github-markdown-dark_dimmed.css?v=1.11.0';
var PREVIEW_CSS_LIGHT = "css/github-markdown-light.css?v=1.11.0";
var PREVIEW_CSS_DARK = "css/github-markdown-dark_dimmed.css?v=1.11.0";
var href = useDark ? PREVIEW_CSS_DARK : PREVIEW_CSS_LIGHT;

var link = document.createElement('link');
link.id = 'gh-markdown-link';
link.rel = 'stylesheet';
link.type = 'text/css';
var link = document.createElement("link");
link.id = "gh-markdown-link";
link.rel = "stylesheet";
link.type = "text/css";
link.href = href;
document.head.appendChild(link);
} catch (e) {
// ignore — app will correct theme after load
}
})();
</script>
<link rel="stylesheet" type="text/css" href="css/style.css?v=1.11.0">
<link rel="icon" type="image/png" href="favicon.png">
<script defer src="https://cdnjs.cloudflare.com/ajax/libs/html2pdf.js/0.10.1/html2pdf.bundle.min.js" integrity="sha512-GsLlZN/3F2ErC5ifS5QtgpiJtWd43JWSuIgh7mbzZ8zBps+dvLusV+eNQATqgA/HdeKFVgA5v3S/cIrLF7QnIg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<link rel="stylesheet" type="text/css" href="css/style.css?v=1.11.0" />
<link rel="icon" type="image/png" href="favicon.png" />
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.css"
/>
<script src="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/contrib/auto-render.min.js"></script>
<script type="module" src="/src/main.js?v=1.11.0"></script>
<title>Markdown Live Preview</title>
</head>

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-77C1GEG9C8"></script>
<script
async
src="https://www.googletagmanager.com/gtag/js?id=G-77C1GEG9C8"
></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
function gtag() {
dataLayer.push(arguments);
}
gtag("js", new Date());

gtag('config', 'G-77C1GEG9C8');
gtag("config", "G-77C1GEG9C8");
</script>

<body>

<header>
<div id="menu-items">
<div><a href="/">Markdown Live Preview</a></div>
<div id="reset-button"><a href="#">Reset</a></div>
<div id="copy-button"><a href="#">Copy</a></div>
<div id="export-button"><a href="#">Export PDF</a></div>
<div id="sync-button">
<input type="checkbox" id="sync-scroll-checkbox"><label for="sync-scroll-checkbox">Sync scroll</label>
<span style="margin-left:12px;"><input type="checkbox" id="theme-checkbox"><label for="theme-checkbox">Dark mode</label></span>
</div>
<div id="menu-items">
<div><a href="/">Markdown Live Preview</a></div>
<div id="reset-button"><a href="#">Reset</a></div>
<div id="copy-button"><a href="#">Copy</a></div>
<div id="sync-button">
<input type="checkbox" id="sync-scroll-checkbox" /><label
for="sync-scroll-checkbox"
>Sync scroll</label
>
<span style="margin-left: 12px"
><input type="checkbox" id="theme-checkbox" /><label
for="theme-checkbox"
>Dark mode</label
></span
>
</div>
<div id="github"><a href="https://github.com/tanabe/markdown-live-preview"><img src="image/GitHub-Mark-Light-32px.webp"></a></div>
</div>
<div id="github">
<a href="https://github.com/tanabe/markdown-live-preview"
><img src="image/GitHub-Mark-Light-32px.webp"
/></a>
</div>
</header>

<div id="container" class="split-container">

<div id="edit" class="column editor-pane">
<div id="editor-wrapper">
<div id="editor"></div>
</div>
<div id="edit" class="column editor-pane">
<div id="editor-wrapper">
<div id="editor"></div>
</div>
</div>

<div id="split-divider" class="split-divider"></div>
<div id="split-divider" class="split-divider"></div>

<div id="preview" class="column preview-pane">
<div id="preview-wrapper">
<div id="output" class="content markdown-body"></div>
</div>
<div id="preview" class="column preview-pane">
<div id="preview-wrapper">
<div id="output" class="content markdown-body"></div>
</div>
</div>
</div>

<footer></footer>
Expand Down
Loading