builderadmin
/
NoteDiscovery
1
0
Fork 0
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

fixed image paste issue with double timestamp, added alt text on mouseover

This commit is contained in:
Gamosoft 2025-11-23 16:59:57 +01:00
parent b491078dc8
commit f6c4225166
1 changed files with 13 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
frontend/app.js
View File

@ -1069,16 +1069,9 @@ function noteApp() {
const textarea = event.target;
const cursorPos = textarea.selectionStart || 0;
// Create a filename based on timestamp (format: YYYYMMDDHHMMSS)
const now = new Date();
const timestamp = now.getFullYear() +
String(now.getMonth() + 1).padStart(2, '0') +
String(now.getDate()).padStart(2, '0') +
String(now.getHours()).padStart(2, '0') +
String(now.getMinutes()).padStart(2, '0') +
String(now.getSeconds()).padStart(2, '0');
// Create a simple filename - backend will add timestamp to prevent collisions
const ext = item.type.split('/')[1] || 'png';
const filename = `pasted-image-${timestamp}.${ext}`;
const filename = `pasted-image.${ext}`;
// Create a File from the blob
const file = new File([blob], filename, { type: item.type });
@ -2217,7 +2210,7 @@ function noteApp() {
// Parse markdown
let html = marked.parse(content);
// Post-process: Add target="_blank" to external links
// Post-process: Add target="_blank" to external links and title attributes to images
// Parse as DOM to safely manipulate
const tempDiv = document.createElement('div');
tempDiv.innerHTML = html;
@ -2239,6 +2232,16 @@ function noteApp() {
}
});
// Find all images and add title attribute from alt text for hover tooltips
const images = tempDiv.querySelectorAll('img');
images.forEach(img => {
const altText = img.getAttribute('alt');
if (altText) {
// Set title attribute to show alt text on hover
img.setAttribute('title', altText);
}
});
html = tempDiv.innerHTML;
// Trigger MathJax rendering after DOM updates