Link It Web
Connecting the World to Itself Today
Banner Link Converter
Source Link & Banner Converter
1. Link Information
URL and Tooltip are optional
Display Text:
Template:
Hello NAME, This is a friendly reminder of your upcoming dental appointment with Dr. Burch this Monday, March 9, at 10:00 am. See you then!
Hyperlink (URL):
Tooltip (Alt Text):
2. Banner Graphics & Styling
Banner Size (Padding):
15
px
Background Color:
Text Color:
Border Width:
0
px
Border Color:
Border Radius:
5
px
Font Size:
16
pt
Font Family:
Arial
Roboto
Times New Roman
Courier New
Georgia
Verdana
Trebuchet MS
Comic Sans MS
Lucida Console
Garamond
Tacoma
Gruppo
Palatino
Helvetica
Calibri
Baskerville
Impact
Fixed Width
Pacifico
Poppins
Lobster
Playfair Display
Righteous
Dancing Script
Inconsolata
Fjalla One
Brush Script MT
Caveat
Great Vibes
Architects Daughter
Zilla Slab Highlight
Indie Flower
Staatliches
Abril Fatface
Raleway
Bangers
Monoton
Futura
Special Elite
Generate Preview
Generate <html>…</html> Output
Converted Banner Preview:
Copy Banner (for Gmail)
Copy <html>…</html> (for Web)
<html>…</html> Output (Copy for Web)
`; document.getElementById('exportText').value = fullDoc; document.getElementById('export-area').style.display = 'block'; } // Copy the rendered banner so it can be pasted into Gmail function copyToClipboard() { const outputDiv = document.getElementById('output'); if (!outputDiv.innerHTML) { alert('Please generate a preview first!'); return; } const range = document.createRange(); // Changed to selectNodeContents so it copies the
tag cleanly without the wrapper div range.selectNodeContents(outputDiv); window.getSelection().removeAllRanges(); window.getSelection().addRange(range); try { document.execCommand('copy'); alert('Banner copied to clipboard! You can now paste it into your Gmail email.'); } catch (err) { alert('Sorry, I do not know why the copy failed. Please try selecting the banner and copying it manually.'); } window.getSelection().removeAllRanges(); } // Copy the full ... export text for web use function copyExportHtml() { const exportText = document.getElementById('exportText'); if (!exportText.value.trim()) { alert('Please generate the … output first!'); return; } exportText.focus(); exportText.select(); try { document.execCommand('copy'); alert('… copied to clipboard! You can now paste it into a .html file or your web page.'); } catch (err) { alert('Sorry, I do not know why the copy failed. Please copy manually from the text area.'); } window.getSelection().removeAllRanges(); } // Basic attribute escaping to avoid breaking HTML attributes function escapeAttr(str) { return String(str) .replace(/&/g, '&') .replace(/"/g, '"') .replace(//g, '>'); }