Własny HTML i JavaScript

Własny HTML (PRO)

W zakładce Kod HTML/JS dodasz własny blok, który pojawi się pod listą linków. Dozwolone są znaczniki treści: div, section, p, h1-h6, span, a, img, ul, ol, li, details, summary, button, canvas, svg i podobne. Linki mają dozwolone tylko schematy https:, mailto: i tel:, a do a dodajemy rel="noopener nofollow ugc".

<section class="promo">
  <h2>Kupon -20% do końca miesiąca</h2>
  <p>Zapisz się na newsletter i odbierz kod.</p>
  <a href="https://example.com/newsletter">Zapisz mnie</a>
</section>

Własny JavaScript (PRO)

Kod działa w izolowanej ramce (sandbox="allow-scripts allow-popups"). Masz dostęp do DOM własnej strony, canvas, requestAnimationFrame, timerów, IntersectionObserver, Date i Math.

// Pływające serduszka po kliknięciu w avatar
var av = document.querySelector('.av');
av.addEventListener('click', function (e) {
  for (var i = 0; i < 8; i++) {
    var h = document.createElement('span');
    h.textContent = '❤';
    h.style.cssText = 'position:fixed;left:' + e.clientX + 'px;top:' + e.clientY + 'px;pointer-events:none;transition:all 1s ease-out';
    document.body.appendChild(h);
    requestAnimationFrame(function (n) { return function () {
      n.style.transform = 'translate(' + (Math.random()*120-60) + 'px,-' + (60+Math.random()*80) + 'px)';
      n.style.opacity = 0;
    };}(h));
    setTimeout(function (n) { return function () { n.remove(); }; }(h), 1100);
  }
});

Błąd w Twoim kodzie psuje tylko Twoją ramkę. Stopka platformy i reszta serwisu działają dalej.

Bezpieczeństwo kodu

• Kod uruchamia się w ramce bez dostępu do sesji, panelu i danych innych użytkowników.
• Polityka CSP blokuje połączenia sieciowe, zewnętrzne skrypty i formularze.
• Kod jest sprawdzany przy zapisie (CSS parserem, HTML listą dozwolonych elementów), a CSP jest drugą linią obrony.
• Administrator może zawiesić profil naruszający regulamin, np. phishing lub złośliwy kod.

Otwórz panel