Skip to content

65. Rejestr szablonów emaili

This content is not available in your language yet.

Rejestr szablonów emaili

Aplikacja do przechowywania gotowych szablonów wiadomości e-mail: dodawanie szablonu (nazwa, temat, treść), wyszukiwanie, podgląd i kopiowanie treści do schowka jednym kliknięciem.

  • Tworzenia bazy szablonów tekstowych w JSON
  • Wyszukiwania pełnotekstowego po wielu polach
  • Kopiowania tekstu do schowka (JavaScript Clipboard API)
  • Tagowania szablonów

Biblioteki szablonów e-mail są standardem w firmach: obsługa klienta, marketing, HR. Ta aplikacja uczy tworzenia małego systemu zarządzania treścią (mini-CMS) z wyszukiwaniem.

  1. Formularz dodawania szablonu (nazwa, temat, treść, tagi)
  2. Lista szablonów z wyszukiwaniem po nazwie i tematyce
  3. Podgląd szczegółów szablonu
  4. Przycisk „Kopiuj temat” i „Kopiuj treść” (JS)
  5. Edycja i usuwanie szablonu
{
"templates": [
{
"id": 1,
"title": "Potwierdzenie zamówienia",
"subject": "Potwierdzenie zamówienia nr {{order_id}}",
"body": "Szanowny Kliencie,\n\nDziękujemy za złożone zamówienie nr {{order_id}}...",
"tags": ["sklep", "zamowienie"],
"created_at": "2026-02-10"
}
]
}
  • Formularz dodawania szablonu
  • Lista szablonów z podglądem
  • Walidacja: nazwa i treść wymagane
  • Zapis do JSON
Ocena: 3.0
<?php
// Wyszukiwanie pełnotekstowe
function searchTemplates(array $templates, string $query): array {
if (empty(trim($query))) return $templates;
$q = mb_strtolower($query);
return array_values(array_filter($templates, function($t) use ($q) {
return str_contains(mb_strtolower($t['title']), $q)
|| str_contains(mb_strtolower($t['subject']), $q)
|| str_contains(mb_strtolower($t['body']), $q);
}));
}
// Kopiowanie do schowka (JavaScript)
async function copyToClipboard(text) {
try {
await navigator.clipboard.writeText(text);
showToast('Skopiowano!');
} catch (err) {
// Fallback dla starszych przeglądarek
const textarea = document.createElement('textarea');
textarea.value = text;
document.body.appendChild(textarea);
textarea.select();
document.execCommand('copy');
document.body.removeChild(textarea);
showToast('Skopiowano!');
}
}

Twoja biblioteka szablonów!

Zacznij od formularza i listy szablonów. Przycisk „Kopiuj” to świetny efekt końcowy — dodaj go jako ostatni.