noham/Code-to-PDF
1
0
Fork 0
mirror of https://github.com/NohamR/Code-to-PDF.git synced 2026-05-25 04:07:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update tag location and highlightBlock to highlightElement

Browse Source
This commit is contained in:
tarikjaber
2023-02-23 09:57:45 -05:00
parent a99e44f193
commit 9fcdf91baf
2 changed files with 14 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
index.html
View File

@@ -7,6 +7,16 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Code Formatter</title> <title>Code Formatter</title>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-90N1Q923X2"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'G-90N1Q923X2');
</script>
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Fira+Code&family=Roboto&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Fira+Code&family=Roboto&display=swap" rel="stylesheet">
@@ -19,15 +29,6 @@
</head> </head>
<body> <body>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-90N1Q923X2"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'G-90N1Q923X2');
</script>
<div class="hide-from-print"> <div class="hide-from-print">
<h1><a href="index.html">Code to PDF</a></h1> <h1><a href="index.html">Code to PDF</a></h1>
<div class="options"> <div class="options">

8
index.js
View File

@@ -26,7 +26,7 @@ updateLineNumbers();
hljs.configure({ hljs.configure({
languages: ['java', 'javascript', 'html', 'typescript', 'cpp'] languages: ['java', 'javascript', 'html', 'typescript', 'cpp']
}); });
hljs.highlightBlock(code); hljs.highlightElement(code);
code.classList.add(`language-${selectedLanguage}`); code.classList.add(`language-${selectedLanguage}`);
code.classList.add('hljs'); code.classList.add('hljs');
documentNameInput.addEventListener('input', () => { documentNameInput.addEventListener('input', () => {
@@ -52,7 +52,7 @@ codeTextArea.addEventListener('input', () => {
localStorage.setItem('code', ''); localStorage.setItem('code', '');
updateLineNumbers(); updateLineNumbers();
} }
hljs.highlightBlock(code); hljs.highlightElement(code);
}); });
function updateLineNumbers() { function updateLineNumbers() {
let lines = codeTextArea.value.split('\n'); let lines = codeTextArea.value.split('\n');
@@ -78,13 +78,13 @@ languageSelector.addEventListener('change', () => {
selectedLanguage = languageSelector.value.replace("<", "&lt;").replace(">", "&gt;"); selectedLanguage = languageSelector.value.replace("<", "&lt;").replace(">", "&gt;");
code.classList.add(`language-${selectedLanguage}`); code.classList.add(`language-${selectedLanguage}`);
localStorage.setItem('language', selectedLanguage); localStorage.setItem('language', selectedLanguage);
hljs.highlightBlock(code); hljs.highlightElement(code);
}); });
themeSelector.addEventListener('change', () => { themeSelector.addEventListener('change', () => {
themeStylesheet.href = getStylesheet(themeSelector.value); themeStylesheet.href = getStylesheet(themeSelector.value);
documentTitle.innerHTML = documentNameInput.value; documentTitle.innerHTML = documentNameInput.value;
localStorage.setItem('theme', themeSelector.value); localStorage.setItem('theme', themeSelector.value);
hljs.highlightBlock(code); hljs.highlightElement(code);
}); });
function getStylesheet(style) { function getStylesheet(style) {
return `//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.5.1/styles/${style}.min.css`; return `//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.5.1/styles/${style}.min.css`;