noham/Code-to-PDF
1
0
Fork 0
mirror of https://github.com/NohamR/Code-to-PDF.git synced 2026-05-24 19:58:50 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add filename

Browse Source
This commit is contained in:
√(noham)²
2025-06-15 20:19:05 +02:00
parent e88417b995
commit fbbc7b9567
2 changed files with 8 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
index.html
View File

@@ -81,6 +81,7 @@
<textarea spellcheck="false" placeholder="Enter code ..."></textarea> <textarea spellcheck="false" placeholder="Enter code ..."></textarea>
</div> </div>
<div id="print-area"> <div id="print-area">
<h2 id="displayed-filename"></h2>
<div id="code-container"> <div id="code-container">
<div class="code-line"> <div class="code-line">
<span class="line-number">1</span> <span class="line-number">1</span>

7
index.js
View File

@@ -9,6 +9,7 @@ const themeSelector = document.getElementById('themes');
const codeContainer = document.getElementById('code-container'); const codeContainer = document.getElementById('code-container');
const fontSizeSlider = document.getElementById('font-size-slider'); const fontSizeSlider = document.getElementById('font-size-slider');
const fontSizeValue = document.getElementById('font-size-value'); const fontSizeValue = document.getElementById('font-size-value');
const displayedFilename = document.getElementById('displayed-filename');
let selectedLanguage = localStorage.getItem('language') || 'javascript'; let selectedLanguage = localStorage.getItem('language') || 'javascript';
let selectedTheme = localStorage.getItem('theme') || 'github-dark'; let selectedTheme = localStorage.getItem('theme') || 'github-dark';
let codeText = localStorage.getItem('code') || 'console.log("Hello World")'; let codeText = localStorage.getItem('code') || 'console.log("Hello World")';
@@ -30,6 +31,7 @@ updateCode();
// Attach event listeners // Attach event listeners
printBtn.addEventListener('click', () => { printBtn.addEventListener('click', () => {
updateCode(); updateCode();
displayedFilename.textContent = documentNameInput.value || 'Code';
let optGroup = themeSelector.options[themeSelector.selectedIndex].parentNode; let optGroup = themeSelector.options[themeSelector.selectedIndex].parentNode;
const lineNumbers = document.querySelectorAll('.line-number'); const lineNumbers = document.querySelectorAll('.line-number');
const root = document.documentElement; const root = document.documentElement;
@@ -56,6 +58,11 @@ codeTextArea.addEventListener('input', () => {
codeText = codeTextArea.value; codeText = codeTextArea.value;
localStorage.setItem('code', codeText); localStorage.setItem('code', codeText);
code.innerHTML = escapeHtml(codeText); code.innerHTML = escapeHtml(codeText);
displayedFilename.textContent = documentNameInput.value || 'Code';
});
documentNameInput.addEventListener('input', () => {
displayedFilename.textContent = documentNameInput.value || 'Code';
}); });
languageSelector.addEventListener('change', () => { languageSelector.addEventListener('change', () => {